标签归档:js特效

JS左右滑动图片,网页区域

js 左右滑动的图片基础原理。 main1 main2 效果

发表在 WEB前端 | 标签为 , | 留下评论

漂亮的jQuery下拉菜单学习

jQuery下拉菜单特效效果图 jQuery下拉菜单特效代码解读 $(document).ready(function(){   $("ul.subnav").parent().append("<span></span>");   $("ul.topnav li span").click(function() { //触发了这些样式表的元素,开始触发点击效果   //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown(‘fast’).show(); //点击下拉的时候,下拉速度快   $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp(‘slow’); //离开的时候慢慢的收回 });   //Following events are applied … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论

jQuery popup_layer.js弹出层

jquery可以处理很多东西,不过自带的弹窗没有找到。找到一个流行的popup_layer.js,效果还不错,特发出来大家共享一下。 下载popup_layer.js文件请猛击:http://dl.vmall.com/c0sx2beaz7 此弹窗可以使弹出来复层居中,并覆盖底层的数据 <!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-8" /> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript" src="popup_layer.js"></script>     <script language="javascript"> $(document).ready(function() {       //示例9,综合效果 var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true, … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论