![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
superwoman_yy
这个作者很懒,什么都没留下…
展开
-
地区导航列表
$(function(){ $(".shi>li>a").click(function(){ $(this).siblings(".qu").toggle().parent().siblings().children(".qu").hide(); }); }); *{ margin: 0; padding: 0; } u原创 2017-10-17 18:29:37 · 311 阅读 · 0 评论 -
利用Jquery实现百叶窗效果
$(function(){ $("ul li").click(function(){ var $index = $(this).index(); $(".wrap .split").each(function(index,element){ $(element).find(".img").eq($index).removeClass("hide").原创 2017-10-16 19:37:48 · 2758 阅读 · 0 评论 -
利用html和Jquery实现照片墙(点击之后放大,再点击缩小)
$(function(){ initimg(); initposition(); $(window).resize(initposition); $(".wrap .imgs li").click(smallImg); //初始化照片,循环拼接 function initimg(){ for(var i=1;i<=24;i++){原创 2017-10-19 22:54:38 · 3840 阅读 · 0 评论 -
图片轮播
$(function(){ $("ul li").click(function(){ var $index = $(this).index(); $(".wrap .img").eq($index).removeClass("hide").addClass("show").siblings(".show").removeClass("show").addClass("h原创 2017-10-16 18:23:16 · 168 阅读 · 0 评论 -
动态日历
动态日历 $(function(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; init(year,month); //初始化 年和月的下拉列表 function init(y,m){ v原创 2017-10-16 18:26:02 · 441 阅读 · 0 评论 -
利用Jquery实现标题框拖拽
$(function(){ center(); //如果屏幕大小改变,自动居中 $(window).resize(center); //让div绝对居中 function center(){ //获取屏幕的高度和宽度 var winheight = $(document).height(); var winwidth = $(document)原创 2017-10-17 10:50:22 · 726 阅读 · 0 评论