lovening - 博客园

2012年11月20日

摘要： $(".dact-start").click(function(){ timer=setInterval("showTime()", 100); setTimeout(function(){clearInterval(timer);$(".dact-1-2").attr("id","dact-num"+5);}, 4000) }) function showTime() { var today=Math.floor(Math.random()*8+1); $(".dact-1-2&qu 阅读全文

posted @ 2012-11-20 17:36 lovening 阅读(1628) 评论(0) 推荐(0) 编辑

2012年6月19日

页面倒计时自动跳转

摘要： <script language="javascript" type='text/javascript'> var secs =5; //倒计时的秒数 var URL ; function Load(url){ URL =url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { document.getElementById(&# 阅读全文

posted @ 2012-06-19 11:15 lovening 阅读(317) 评论(0) 推荐(0) 编辑

2012年2月6日

node.js

摘要：什么是Node？Node不是万能药！但的确能解决一些关键问题。学习Node不是一件轻松事儿，但你所收到的回报是对得起你的付出的。因为当下Web应用开发中的诸多难题唯有JavaScript才能解决。作者：Brett McLaughlin，翻译：拔赤原文：What is Node?目录专家们的警告！Node：几个小例子Node不是JavaScript，Node可以运行JavaScript和Node服务器的交互快速入门手册解释器之惑基于事件的Web应用Node的用武之地“你够酷吗？来用我吧！” Node.js 为最新潮的编程语言提供了一系列很酷的API和工具箱，它可以直接应用于传统的Rails、Aj 阅读全文

posted @ 2012-02-06 17:35 lovening 阅读(705) 评论(0) 推荐(0) 编辑

D2论坛2011

摘要：接下来是嘉宾分享环节本次D2有幸邀请到百度，新浪，豆瓣的前端资深人员为我们分享他们的技术及实战经验；1、第一个上台分享的是百度的李成银，带来题目是《编译平台》李成银是百度空间的开发负责人，他谈到在前端的开发web的应用已经越来越复杂，前端开发的人员也越来越多，必然导致问题越来越多，包括人多并行开发时的冲突，人多了开发效率反而下降了等等混乱问题的不断产生，因此我们必须统一规范，这就出现了统一的执行脚本即前端编译平台，编译平台为我们实际解决了两大问题，一是统一编码规范，二是漏洞检查。比如说xss安全问题，模块目录检查,统一的img文件夹，编码规范检查、html&css规范属性标签检查、模阅读全文

posted @ 2012-02-06 17:13 lovening 阅读(234) 评论(0) 推荐(0) 编辑

2011年11月28日

三级按钮菜单

摘要： <style type="text/css"> .main_l{ width:138px; height:auto; padding:20px 0px 22px 0px; float:left; background:url(i/left_bg2.gif) no-repeat bottom left;} .main_l ul{ padding:0px; margin:0px; list-style:none;} .main_l ul li span, .main_l ul li span.open, .main_l ul li... 阅读全文

posted @ 2011-11-28 18:17 lovening 阅读(421) 评论(0) 推荐(0) 编辑

2011年9月28日

浮动层效果

摘要： <style type="text/css">#float{width:100px; height:200px; position:absolute;}</style><script type="text/javascript"> var rollWidgets = function() { this.html = ""; this.id = null; this.posi = function(id) { setTimeout(function() { $("#" + id). 阅读全文

posted @ 2011-09-28 14:25 lovening 阅读(207) 评论(0) 推荐(0) 编辑

2011年9月26日

复选框--选中-行-变色

摘要： <style type="text/css"> .label_on { border:20px solid red; }</style><table> <tr><td><input type="checkbox" name="name"></td></tr> <tr><td><input type="checkbox" name="name"></td> 阅读全文

posted @ 2011-09-26 16:57 lovening 阅读(316) 评论(0) 推荐(0) 编辑

2011年9月20日

视频播放器

摘要： <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="750px" height="422px"> <param name="movie" value="http://video10.360buyimg.com/pl.swf" /> <param name="allowfullscre 阅读全文

posted @ 2011-09-20 14:41 lovening 阅读(271) 评论(0) 推荐(0) 编辑

2011年7月2日

聊天窗口，滚动条置底

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-07-02 22:08 lovening 阅读(917) 评论(0) 推荐(0) 编辑

可编辑的DIV

摘要： <DIV contentEditable=true style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #999999 1px solid; OVERFLOW-Y: auto; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 12px; OVERFLOW-X: hidden; PADDING-BOTTOM: 3px; BORDER-LEFT: #999999 1px solid; WIDTH: 380px; COLOR: #00006 阅读全文

posted @ 2011-07-02 22:07 lovening 阅读(13237) 评论(1) 推荐(1) 编辑