社区
JavaScript
帖子详情
求一个图片效果。望大神详细解答,谢谢!!!!!
我自是年少-韶华倾负
2013-04-02 03:52:17
如图啊 点击 左右的 箭头 是图片整体移动。箭头有2种样式 一个是正常状态 一个是 点击跟鼠标放上去的状态。 小图上的 箭头 是用来更改图片位置的,就是点击左箭头 就会像左移动一个位置 点击右边的 就会向右移动一个位置,每个小图都有这个 效果。谢谢!!!
...全文
240
7
打赏
收藏
求一个图片效果。望大神详细解答,谢谢!!!!!
如图啊 点击 左右的 箭头 是图片整体移动。箭头有2种样式 一个是正常状态 一个是 点击跟鼠标放上去的状态。 小图上的 箭头 是用来更改图片位置的,就是点击左箭头 就会像左移动一个位置 点击右边的 就会向右移动一个位置,每个小图都有这个 效果。谢谢!!!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
网络科技
2013-04-04
打赏
举报
回复
引用 6 楼 showbo 的回复:
按照你的图片写了一个,去这里下载:图片滚动切换位置jquery插件
不错,收藏了。。
斯洛文尼亚旅游
2013-04-03
打赏
举报
回复
按照你的图片写了一个,去这里下载:
图片滚动切换位置jquery插件
sdfhejian520
2013-04-03
打赏
举报
回复
自己扩展下吧
sdfhejian520
2013-04-03
打赏
举报
回复
<html> <style type="text/css"> #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 510px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } #myBtnlast { float: left; } #myBtnNext { float: left } </style> <div style="margin:auto 0;float: left;"> <input type="button" id="myBtnlast" value="<<"/> </div> <div style="margin:auto 0;float: left;"> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="#"><img height='500' width='500' src="1363155187_7217.jpg" border="0" /></a> <a href="#"><img height='500' width='500' src="1363155187_7217.jpg" border="0" /></a> <a href="#"><img height='500' width='500' src="1363155187_7217.jpg" border="0" /></a> <a href="#"><img height='500' width='500' src="1363155187_7217.jpg" border="0" /></a> </div> <div id="demo2"></div> </div> </div> </div> <div style="margin:auto 0"> <input type="button" onclick="javascript:lastImg();" id="myBtnNext" value=">>"/> </div> <script> var speed=10; //数字越大速度越慢 var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; var MyMar1; // 按钮触发翻滚 function lastImg() { if (null == MyMar1) { MyMar1=setInterval(nextImg,speed); setTimeout("stopa()", 5000); } // } function stopa() { clearInterval(MyMar1); MyMar1 = null; } function nextImg() { if(tab.scrollLeft>0) { tab.scrollLeft--; } else { tab.scrollLeft+=tab2.offsetWidth } } function Marquee(){ if(tab.scrollLeft<=0) { tab.scrollLeft+=tab2.offsetWidth } else{ tab.scrollLeft-- } } // 图片无缝翻滚 //var MyMar=setInterval(Marquee,speed); //tab.onmouseover=function() {clearInterval(MyMar)}; //tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; </script> </html>
打字员
2013-04-03
打赏
举报
回复
看LZ的意思是來求碼的,這個弄起來還是有點複雜的。 友情幫項吧!
我自是年少-韶华倾负
2013-04-03
打赏
举报
回复
没有大神路过么 还是分数低了
不熟不聊
2013-04-02
打赏
举报
回复
之前写过一个类似的。。 用绝对定位就可以,当点击按钮的时候,动态的改变图片的绝对定位的top和left就可以了。 然后设置外围container overflow:hidden。 主要就是操作DOM,改变top和left
这算通过审核了么?接下来还有没有什么坑,
求
大神
指点!--酷课堂iOS交流群问答精华整理(201808期)
酷课堂iOS交流群 我们是
一个
什么样的组织: 酷课堂iOS交流群,聚集了一群热爱技术、有趣、有料,平均Q龄在10年以上的“老司机”,他们遍布在全国/球各地,有知名企业iOS工程师、高校大学生、自由职业者……如果你也是这样的人,欢迎加入我们,一起畅聊iOS技术及周边。 “很干” “很佛系” 每晚11点后熄灯(禁言),只聊技术,几乎不闲聊。 IT从业者自学成功的不少,但从入门到放弃的...
信息化 不只是技术 某公司局域网改造实例 转
分享一下我老师
大神
的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴! 这是一篇以某工作组局域
菲尔兹奖得主陶哲轩,首次3小时非学术机构访谈来了!
Datawhale干货 访谈:陶哲轩,编译:量子位陶哲轩罕见接受了一次长长长长访谈,把他关于数学、AI、教育和人类智慧的最新认知,都对外分享了。作为菲尔兹奖得主,陶哲轩一直被认为是当世最伟大的数学家之一,而这次在与MIT技术背景的播客
大神
Lex Fridman的对话,也是他近年来首次接受超3小时的非学术机构访谈,内容覆盖数学前沿、AI形式化验证、科研方法论等多个硬核议题。不仅谈论分享了数学和物理相关的专业性观点,还结合当下AI技术迅速发展的背景,作出了很多像基础教育和AI应用的大众话题思考……陶哲轩金句频出
GAMES 图形学系列笔记(二)
对了这堂课开始之前想跟大家分享一下。就这两天被
一个
韦伯望远镜刷爆空间的一件事情。就是说大家前几年就NASA发了
一个
,就是替代以前的哈勃望远镜的
一个
韦伯望远镜,这有很多那种六面体的
一个
镜片,就是金属镜片去组成的,然后前两天终于他传回来的一张图,大家可以看到这几天朋友圈已经刷爆了。大家可以看到就这么一张图,右边是传回来的一张很远距离的
一个
星空的图,差不多有几十亿到几亿光年几百亿光年这么
一个
距离,但是大家同学们有没有注意到,就是我们拍到的特别亮的一些星团或星系的时候。
Activity切换动画---点击哪里从哪放大
本篇文章已授权微信公众号 安卓巴士Android开发者门户 独家发布 emmmm,这次来梳理一下 Activity 切换动画的研究。首先,老规矩,看一下
效果
图:
效果
图 这次要实现的动画
效果
就是类似于上图那样,点击某个 view,就从那个 view 展开下个 Activity,Activity 退出时原路返回,即缩放到点击的那个 view。 实现思路 emmm,如果要你来做这样
一个
效果
,你会...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章