| 标题 | 很少见的时间插件(非日期插件) |
| 内容 | 代码如下: <!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> <title>网页特效-时间特效-很少见的时间插件（非日期插件）</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <script type="text/javascript" src="http://www.zzsky.cn/effect/images/20128/100830/jquery-1.7.2.js"></script> <script type="text/javascript" src="http://www.zzsky.cn/effect/images/20128/100830/jquery.settime.js"></script> </head> <body> 预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。<br> <!--把下面代码加到<body>与</body>之间--> <p id="msg">msg</p> <p>time1<input id="time" value=""></p> <p>time2<input id="time2" value=""></p> <p>time3<input id="time3" value=""></p> <p><input type="button" id="button" value="button"></p> <script type="text/javascript"> $('#time').setTime(); $('#time2').setTime({ drag:true, h:[5,20], i:[5,50], s:[5,45], a:0.05, constraint:'', 'starteffect': function(d){ $('#msg').html(d[0]); }, 'onmove':function(e){ $('#msg').html(e[0] + '/' + e[1]) }, zindex:'0', 'cursor':'move', 'area':[[50,600],[10 ,5000]], 'callback':function(){ //alert(1) } }); $('#time3').setTime({ drag:true, a:0.05 }); $('#button').click(function(){ alert( $('#time').val() ); alert( $('#time2').val() ); alert( $('#time3').val() ); }); </script> </body> </html> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。