代碼如下:
<!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>
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
