jquery实战训练
3770阅读
0评论
0点赞
jQuery实战训练,1.5秒返回页面,2.鼠标滑过显示内容,3.轮展图,4.返回顶部,5.右击显示菜单,6.内容编辑,7.购物车结算,8.百度换肤 个人主页:http://www.itit123.cn/ 更多干货等你来拿
1.倒计时,几秒后跳回首页
2.鼠标划过显示隐藏内容
为了突出效果,页面不多加修饰。可以用在显示隐藏的二级菜单,二维码,等等。脑洞有多大,作用就有多大
第一步:将图片隐藏dispaly:none;
第二步:添加一个show的样式,里面的内容是display:block;
第三步:jquery的内容,找到鼠标划过的标签添加mouseover的函数把需要显示的内容添加addClass("show");然后回调函数,mouseout的函数,removeClass("show");方法有很多。
效果图:
5.返回顶部
效果图:
效果图:
效果图:
8.购物车结算
效果图:
9.百度换肤
效果图:
还在更新中。。。。
一点点进步,一点点成长,如果有问题和建议可以留言,我会及时更正
评论(0)
暂无评论