一个兼容性比较好的图片左右滚动的js

下载地址:http://www.cnblogs.com/RightDear/admin/Files.aspx 文件:shhds.rar…

图片左右滚动的js代码

html代码 <div class="demo" id="demo" style="overflow:hidden; width:660px; height:185px;" onmousemove="fnMouseOver();" onmouseout="fnMouseOut()"> <table border="0" align="center"…

页面图片无缝滚动JavaScript原理:移动的区块包含图片内容,区块相对父级元素进行定位脱离文档流.再令区块的left值每隔固定的时间进行等量减少(或增大)从而实现区块的匀速运动.由于每次间隔移动的时间设置很短,会“欺骗”人的眼睛,形成无缝滚动效果. 脱离文档流:父元素为相对定位position:relative,区块为绝对定位;position:absolute. 每隔固定时间进行left的变化:使用函数setInterval(); 设置HTML文档以及样式: 滚动区域宽度=图片宽度x图片数…

JavaScript学习笔记5 之计时器 & scroll、offset、client系列属性 & 图片无缝滚动

一.计时器 setInterval ( 函数/名称 , 毫秒数 )表示每经过一定的毫秒后,执行一次相应的函数(重复) setTimeout ( 函数/名称 , 毫秒数 ) 表示经过一定的毫秒后,只执行一次相应的函数(不重复) 清除计时器: clearInterval( ); clearTimeout( ); 当计时器调用执行完毕时,它将返回一个timer ID, 如果将该ID传递给clearInterval,便可以终止代码的执行. 实例: 页面布局: <div id="wrap"…

iOS开发之多图片无缝滚动组件封装与使用

经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播.没看过其他iOS图片无限轮播的代码,也不了解他们的原理,我今天封装这个图片无限轮播是借鉴Web前端中的做法,因为之前写Web前端的时候,实现幻灯片就是这么做的,今天就在iPhone上搞搞.下面的东西是自己写的了,关于轮播的东西这个开源项目也是相当不错的https://github.com/nicklockwood/iCarousel ,…

（转载）图片左右滚动控件（带倒影）——重写Gallery

今天在网上找了些资料,做了一个图片左右滚动的Demo,类似幻灯片播放,同时,图片带倒影效果,运行效果如下图: 实现方式是重写Gallery,使用自定义的Gallery来实现这一效果,工程一共三个文件,一个Activity,一个自定义的Gallery,还有就是一个适配器ImageAdapter,直接上代码: ScrollGallery.java public class ScrollGallery extends Gallery { private Camera mCamera = new Cam…

JS实现鼠标移上去图片停止滚动移开恢复滚动效果

这是在做个人站的时候展示项目成果,因为不光需要展示,还需要介绍详细内容,就在滚动展示的地方做了这个效果以便于点开想要看的项目. 首先,要做的是一个需要滚动的区域.我前边写过一个关于图片循环滚动的示例,那个是一块块的的滚动==>实现图片的循环滚动 . 这次我们就做滚动区域是平滑循环滚动效果. 下边是布局的HTML代码,原理是在要展示区域的div(.ban_img)里加一个能包含所有需要展示的图的大div(.in_img), <div class=" ban_img">…

[iOS] UICollectionView实现图片水平滚动

最新更新: 简单封装了一下代码,参考新文章:UICollectionView实现图片水平滚动先简单看一下效果: 新博客:http://wossoneri.github.io 准备数据首先先加入一些资源文件: 先建立一个xcassets文件,放入图片: 再建立一个plist文件,写入与图片对应的内容: 在ViewController中读取plist到词典中: @property (nonatomic, strong) NSArray *itemTitles; NSString *path =…

jquery 文字滚动大全 scroll 支持文字或图片单行滚动多行滚动带按钮控制滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

Android 列表使用(ListView GridView Gallery图片计时滚动)

ListView 作用: 1.将数据填充到布局. 2.处理用户的选择点击等操作. 根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter public class ActivityListView extends Activity { private ListView mListView; protected void onCreate(android.os.Bundle savedInstanceState) { sup…