jquery特效选项（求一段jquery时间选择特效代码，单击开始时间选择完毕以后自动跳到第二个时间框选择时间！）

本文目录

• 求一段jquery时间选择特效代码，单击开始时间选择完毕以后自动跳到第二个时间框选择时间！
• 利用jQuery实现页面渐显效果
• 求一个jquery按钮特效,当鼠标移上去之后 按钮周围就会出现一些选择.

求一段jquery时间选择特效代码，单击开始时间选择完毕以后自动跳到第二个时间框选择时间！

jquery有提供datepicker~里面有一个date_range，在jquery提供的例子里面，我们只需要加上选择完毕，跳转到另外一个时间框进行选择就好了~是吧~那么~我们就
--------------------------------
《!DOCTYPE html》
《html lang="en"》
《head》
《meta charset="utf-8"》
《title》jQuery UI Datepicker - Select a Date Range《/title》
《link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"》
《script src="../../jquery-1.5.1.js"》《/script》
《script src="../../ui/jquery.ui.core.js"》《/script》
《script src="../../ui/jquery.ui.widget.js"》《/script》
《script src="../../ui/jquery.ui.datepicker.js"》《/script》
《link rel="stylesheet" href="../demos.css"》
《script》
$(function() {
var dates = $( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
//numberOfMonths: 3,
numberOfDays:1,
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
},
onClose : function (dateText , inst){
if($("#to").val() == "" ){
$("#to").focus();
}
if($("#from").val() == "" ){
$("#from").focus();
}
}
});
});
《/script》
《/head》
《body》
《div class="demo"》
《label for="from"》From《/label》
《input type="text" id="from" name="from"/》
《label for="to"》to《/label》
《input type="text" id="to" name="to"/》
《/div》《!-- End demo --》
《/body》
《/html》
-------------------------------------
添加上onclose事件~当其中一个选择完毕以后~就判断，如果另外一个的值为空，就focus();这样也出发了datepicker~
如果不是清楚~请追问，我可以把改好的打包给你~
更多datepicker的信息~
***隐藏网址***

利用jQuery实现页面渐显效果

　　最近在看jQuery 就在实际项目里加了个小的应用 当时的想法就是点击一个链接跳转到另个页面时 页面是逐渐显示出来 也就是由透明到实体的一个过程！

　　说下思路吧 在body里用一个div把所有的标签包含住 在此div后再定义一个div 后面这个div是用来实现渐显效果的

　　如下所示

　　《》

　　《body》

　　《div id= bodyDiv 》

　　《! 省略内部标签 》

　　《/div》

　　《div id= hideDiv 》《/div》

　　《/body》

　　《/》

　　我的想法是最后一个div定位在整个页面最上层 div的背景设为白色 也就完全覆盖了下面的div 当点击到该页面时 页面加载完时 上面这个div开始逐渐消失 下面的div便实现了逐渐显现的效果

　　贴出jQuery代码

　　《script》

　　$j(function() {

　　$j( #hideDiv ) css({ top: offset top left: offset left width: $j( #bodyDiv ) width() height: $j( form ) height() backgroundColor: White opacity: position: absolute })//给hideDiv添加样式

　　if (jQuery isReady)//这里是判断页面是否加载

　　{

　　$j( #hideDiv ) fadeOut( );//让div逐渐消失的方法

　　}

　　});

　　《/script》

　　代码很简单吧！呵呵！wirte less do more！

求一个jquery按钮特效,当鼠标移上去之后 按钮周围就会出现一些选择.

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》无标题文档《/title》
《style type="text/css"》
*{
margin:0;
padding:0;
}
li{
position:relative;
width:80px;
height:30px;
background:#FF9933;
border:1px solid #000;
}
ul{
list-style:none;
visibility:hidden;
position:absolute;
left:0;
top:30px;
}
div li:hover ul,div li a:hover ul{
visibility:visible;
}
a{
text-decoration:none;
}
li ul li{
width:80px;
height:30px;
background:#FFFF66;
border:1px solid #000;
text-align:center;
}
《/style》
《/head》
《body》
《div》
《li》《a href="#"》第一分类《/a》
《ul》
《li》《a href="#"》css《/a》《/li》
《li》《a href="#"》xhtml《/a》《/li》
《li》《a href="#"》flash《/a》《/li》
《li》《a href="#"》ps《/a》《/li》
《/ul》

《/li》
《/div》
《/body》
《/html》
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《script src="js/jquery-1.3.1.js" type="text/javascript"》《/script》
《title》无标题文档《/title》
《script type="text/javascript"》
$(function(){
$("#btn").click(function(){
$("#b").css("display","block");
});

})
《/script》
《style type="text/css"》
*{
margin:0;
padding:0;
}
《/style》
《/head》
《body》
《input id="btn" type="button" value="点击" /》
《div id="b" style="display:none"》
《input type="button" value="按钮" /》《input type="button" value="按钮" /》《input type="button" value="按钮" /》
《/div》
《/body》
《/html》
不知道以上是不是你想要的，希望对你有所帮助