摘要: 在jQuery之焦点图转换-左右的基础上,将jQuery代码改成js原生,并添加定时器(setInterval()和clearInterval()) 阅读全文
posted @ 2016-12-11 21:51 fighting_liu 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 左右转换需要在实现左右转换的同时实现点击换图,这样就需要(num=index;即红色部分。),详解见代码。 阅读全文
posted @ 2016-12-11 21:27 fighting_liu 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 之前写过一个超级简单的焦点图,现在换一种思路开始添加一些新东西。 新思路:让盒子动(所以首先布局要清晰。给四张图套两个盒子,里层盒子大小等于四张图片横向排布,外层盒子等于一张图片的大小,并overflow:hidden。这样就可以只显示我们看到的一张图,并且用动画实现图片来回转换)。a标签href不 阅读全文
posted @ 2016-12-11 21:09 fighting_liu 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 以上是一个简单地焦点图事例,思路:图片路径写在a标签的href属性里,点击a得到$(this).attr("href");并把这个值给img的src。用简单地jQuery写一个点击事件。 阅读全文
posted @ 2016-12-11 20:48 fighting_liu 阅读(259) 评论(0) 推荐(0) 编辑