网站效果案例
Mrlonely思考笔记
zengjiahao
展开
-
点餐选择框实例(全选、反选的运用)
/*需求分析:(1)点击上方选择框,让下方所有选择框状态与上方选择框一致(2)点击下方选择框 * 如果所有的选择框都是选中状态,上方选择框选中状态 * 反之,只要有一个选择框不是选中状态,上方选择框未选中状态 思路分析: * 1.获取元素 * 2.注册事件 * 3.事件处理 *//*原生js实现*/<!DOCTYPE html&g...原创 2018-08-18 02:16:27 · 296 阅读 · 0 评论 -
网站轮播图的实现-平移版
/*关于轮播图,相信大家都不陌生,各大网站上都有它的身影。*那么我们如何实现这样一个东西呢?*希望这篇博文能帮到你*//*上图就是我们今天需要实现的效果先来确认一下我们的需求:需求1:鼠标移入轮播图,显示上一页,下一页的箭头,鼠标移出消失需求2:点击上一页,下一页实现图片切换,导航栏的数字效果跟着变化需求3:点击导航页码,也可以实现图片切换需求4:让他实现自动轮播,鼠标移...原创 2018-08-16 01:46:41 · 1756 阅读 · 1 评论 -
使用jQuery实现旋转木马效果
/*该篇博文介绍一下旋转木马的做法,废话不多说,先来看看我们需要实现的效果*/![旋转木马效果](https://img-blog.csdn.net/20180816205844357?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pqaHpqaDg5Mw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA=...原创 2018-08-16 21:38:03 · 2564 阅读 · 0 评论 -
网站的放大镜实例
本文介绍一下电商网站用的比较多的案例,放大镜案例,先来看看效果吧.需求分析:当鼠标移入进小盒子的时候即左边的盒子,显示出遮罩层还有大盒子,大盒子会出现遮罩层遮挡的部分,达成一个放大的效果当鼠标在小盒子里移动时,大盒子里显示的图片对应的会跟着改变.那我们该如何实现这个效果呢?其实呢,这个案例就是对js事件,还有一些offset家族还有事件对象的三大坐标系(screen,clien...原创 2018-08-21 16:50:23 · 305 阅读 · 0 评论