图片向左滚动代码: 图片向左滚动新代码

其中的-3是为了弥补IE下抖一下的问题
在火狐下是-7
 <style type="text/css">
<!--
#demo {
overflow:hidden;
border: 1px dashed #CCC;
width: 400px;
height:100px;
}
#indemo {
float: left;
width:5000%;
}
-->
</style>
<div id="demo">
<div id="indemo">
<span id="demo1">
<img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /></span>
<span id="demo2"></span>
</div>
</div>
<script>
<!--
var speed=10;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft == -3)
demo.scrollLeft = 0;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

本文链接http://www.cxybl.com/html/wyzz/CSS/20130702/38855.html

时间: 2024-11-10 00:17:05

图片向左滚动代码: 图片向左滚动新代码的相关文章

jQuery左右滚动支持图片放大缩略图图片轮播代码分享_jquery

本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播效果,同时支持底部缩略图左右滚动展示,点击大图片后支持放大效果. 运行效果图:                                     -------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大

js+div实现文字滚动和图片切换效果代码_javascript技巧

本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了,本效果实现了两种效果,Div切换,TAB切换,和文字滚动,鼠标移上后文字停止滚动,两种功能可任意剥离出来,这不影响代码使用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-txt-pic-scroll-cha-style-codes

多种JQuery循环滚动文字图片效果代码_jquery

自己模仿JQ插件的写法写了一个循环滚动列表插件,支持自定义上.下.左.右四个方向,支持平滑滚动或者间断滚动两种方式,都是通过参数设置.JQ里面有些重复的地方,暂时没想到更好的方法去精简.不过效果还是可以的,如下(效果图上传后都加速了,实际效果比这个要慢很多):  html代码如下: <!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <

Flash制作滚动广告图片效果

广告|滚动广告|图片效果 上次在论坛上有人问到关于这个效果的问题,猪排大哥建议我写个教程,希望大家能够支持.首先我们先来看一下效果吧: 这个效果其实主要是 用到按钮的动作,首先我把有关按钮的动作的as简介列出来: on() 可用性 Flash 2.在 Flash 2 中,不是所有的事件都受支持. 用法 on(mouseEvent) { // 此处是您的语句 }参数statement(s) 发生 mouseEvent 时执行的指令. mouseEvent 是称作"事件"的触发器.当发生此

原生Js页面滚动延迟加载图片实现原理及过程_javascript技巧

原理和过程 1.页面滚动加载事件 2.获取元素在页面里的top值 根据滚动条的位置 判断何时显示图片 3.获取元素集合 加载过的图片从集合里删除 效果预览:http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/ 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html

js图片左右滚动特效-图片左右滑动的实现。

问题描述 图片左右滑动的实现. 图片左右滑动插件怎么使用,用纯jquery代码怎么实现,用animate怎么实现,谢谢,有的话可以贴出源代码.谢谢 解决方案 一,viewPager 能够实现图片的左右滑动效果,并且滑动到最后一张后,再次滑动,又会跳到第一张 viewPager的适配器是PagerViewPager,它最少要实现以下四个方法: 1.该方法将返回所包含的item总个数.为了实现一种循环滚动的效果,返回了基本整形的最大值 ?@Override ?public int getCount(

原生js页面滚动延迟加载图片_javascript技巧

本文实例为大家讲解了javascript瀑布流代码,即js页面滚动延迟加载图片,分享给大家供大家参考,具体代码如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生Js页面滚动延迟加载图片</title> <style t

javascript入门&amp;#183;图片对象(无刷新变换图片)\滚动图像_图象特效

复制代码 代码如下: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

javascript+html5实现仿flash滚动播放图片的方法

javascript+html5实现仿flash滚动播放图片的方法        本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <!DOCTYPE html> <html> <head lang=&

PhotoShop CS6制作循五滚动的图片GIF动画教程

次PS教程教大家制作循环滚动的图片GIF动画效果.建议使用Photoshop CS6 或者 AE,因为用时间轴会很简单很多 教程效果图: 这是素材.用来控制大小的,我们需要制作五张大小一样的 制作步骤如下: 分类: PS入门教程