dreamweaver里怎么做图片滚动,除了用marquee,效果如图所示,求代码,求代码解释,谢谢!
1个回答
展开全部
你好 可以使用 jquery做 用到的方法就是 animate() 滑动动画
这个图片滚动 结构分析如下 红色 区域是一个div 和一张图片等高等宽 记得写css overflow:hidden position:relative;
div中再放一个div id=a 高度和图片相同 宽度=图片数量*一张图片宽度 css position:absolute;
然后比如 n张图片 图片的 宽高也都相同 最重要的 img{width:xxpx;height:xxpx;display:block;float:left;}
如果想让他 往左滑动一张 其实就是内层div的 滑动 $("#a").animate({"left":"图片宽度px"})
希望能帮到你 谢谢
这个图片滚动 结构分析如下 红色 区域是一个div 和一张图片等高等宽 记得写css overflow:hidden position:relative;
div中再放一个div id=a 高度和图片相同 宽度=图片数量*一张图片宽度 css position:absolute;
然后比如 n张图片 图片的 宽高也都相同 最重要的 img{width:xxpx;height:xxpx;display:block;float:left;}
如果想让他 往左滑动一张 其实就是内层div的 滑动 $("#a").animate({"left":"图片宽度px"})
希望能帮到你 谢谢
更多追问追答
追问
大神,其实我代码还没学,现在dw就一只会设计版的小白,你要是可以的话,可以直接写下一个例子代码,然后注明哪个参数用来调整速度,时间,等等。。。这样我就可以运用到网页上了,嘻嘻,可以吗?
追答
你去网上下写好的模板吧 估计都不会适应的 你要改改宽度高度 这个效果叫做 焦点轮播图
博思aippt
2024-07-20 广告
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询