社区
JavaScript
帖子详情
求JQ幻灯片的思路。思路就可以了。
maozhihui52102
2013-06-22 03:08:03
5张图,5个div那么假设我把他们在一个div里
然后设置div div为绝对定位,第一张肯定是显示在前面的,接下来,我把第一张z-index为10,另外的订成8
然后求下面的思路,越详细越好,
...全文
107
3
打赏
收藏
求JQ幻灯片的思路。思路就可以了。
5张图,5个div那么假设我把他们在一个div里 然后设置div div为绝对定位,第一张肯定是显示在前面的,接下来,我把第一张z-index为10,另外的订成8 然后求下面的思路,越详细越好,
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
maozhihui52102
2013-06-23
打赏
举报
回复
嗯,这个是,但是那个没有多好的效果,问题解决了,我结贴吧
原来缘来
2013-06-22
打赏
举报
回复
楼主的思路不行啊 为啥用z-index啊 用show和hide多简单呢
Go 旅城通票
2013-06-22
打赏
举报
回复
模仿淘宝,拍拍图片效果
jq
uery腾讯新闻图片相册
新闻组图经常用于展示大图精选集,解决单张图片展示的枯燥问题,让用户的体验感更佳,从而提高用户粘度。 代码解析:
思路
:代码的
思路
来源于
幻灯片
,4个小图配合一张大图。 难点: 1.在大图上面会出现热区失效 2.对幻灯切换的时候,左右变量的控制
jq
uery-
幻灯片
效果-编辑中
幻灯片
的效果 原理介绍
幻灯片
有多张图片 结构 样式
JQ
代码 获取li标签 让第一张保留在原位。其它几张都移到右边去 每一张幻灯图片的宽度是760象素 让除了第一个的其它成员,移动到右边 关于
幻灯片
上的点点 是动态创建上去的 后面如果有几个
幻灯片
,就做几个点点上去 获取
幻灯片
个数 获取点点的容器 创建点点,根据
幻灯片
的长度 并且给第一个点点添加一个样式 目标: 先做...
jq
uery slide
幻灯片
slide
幻灯片
的实现
思路
在写这个slide
幻灯片
之前,首先理清楚
思路
,这样才能更快速实现代码。 假设制作5张图片的
幻灯片
,那么图片的初始位置如下: 因为图片1-5是使用行内块的方式布局,只要控制图片1的div的margin-left改变,就可以跟推箱子一样,实现5个图片的左右滑动。 当图片从1向左移动至2,图片实现效果大致如下 可以看到,只需要设置...
关于
幻灯片
播放组件的自适应解决方案
随着手机阅读的普及,越来越多的网站都想要开发自适应布局,由于手机端和PC端浏览器窗口像素大小不同,自适应布局主要就是根据浏览器窗口大小,改变网页布局样式,这里主要讲解一个关于
幻灯片
播放组件的自适应解决方案。 这里我采用的是
JQ
自带的获取浏览器窗口宽度,通过if判断,修改iframe的引入路径,进而修改
幻灯片
大小 具体
思路
: 首先创建两个文件,分别创建PC端网页的
幻灯片
播放组件和手机端
jq
uery
幻灯片
左右滚动
使用
jq
uery封装的一个
幻灯片
插件 写的好差 参考了别人写的 后面再重构 现在这个应该可以直接用了 主要实现
思路
就是 添加当前选中状态 index相对应的 选中的图总是在第一位(也就是加选中状态的li 总是第一个) 这样不管前滚动还是后滚动都是选中的第一个 这里用的关键的
jq
uery prepend()函数 在匹配元素内部 前置 就是一直第一位插入 使用方法$('p').prep...
JavaScript
87,914
社区成员
224,620
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章