图片连续不间断滚动像册
Fifty Studio│图片连续不间断滚动像册
@import url("/tutorials/demo/css/ie.css");
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('FGplaceholder').src = whichpic.href;
if (whichpic.title)
{document.getElementById('FGdesc2').childNodes[0].nodeValue = whichpic.title; }
else {document.getElementById('FGdesc2').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; }
return false;
}
else { return true; }
}
#demo{overflow:auto; }
}
CSS 布局演示 CSS Layout by Forestgan
2006-10-30 发表
//图片无间断滚动代码,兼容IE、Firefox、Opera
//原脚本是IE only,来自网上,作者未知
//部分内容是由forestgan为了JS代码标准化,兼容以gecko为内核的浏览器于2006-10-30重写
//http://www.forest53.com
var speed=30;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if(FGDemo2.offsetHeight-FGDemo.scrollTop
My Photo 1Design by Forestgan
演示页面设计制作: Forestgan 采用创作共用授权--署名和非商业用途返回前一页
_uacct = "UA-152060-1";
urchinTracker();
google-analytics
my stat
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript 不间断的图片滚动并可点击
css: 复制代码 代码如下: <style type="text/css"> .rollBox { width: 704px; overflow: hidden; padding: 12px 0 5px 6px; } .rollBox .LeftBotton { height: 52px; width: 19px; background: url(jt.gif) no-repeat 11px 0; overflow: hidden; float: left; displa
-
DIV+CSS+JS不间断横向滚动实现代码
DIV+CSS+JS实现不间断横向滚动代码 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>横向不间断滚动DIV CSS代码-DIVCSS5</title> </head> <body>
-
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
一.jQuery.roll 插件使用说明 jQuery.roll 是模拟百度新闻不间断滚动效果,并支持文字.图片水平垂直滚动,该函数使用方法为: 复制代码 代码如下: /* * @module jQuery roll * @param: contentCls 内容容器className * @param: contentParentId 内容容器父元素节点ID * @param: configs 配置参数 * * @config: effect 滚动效果 * @config: duration
-
Js+CSS实现的间断和不间断文本滚动代码
Js+CSS间断和不间断文本滚动代码 .box{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;} .box ul{margin:0;padding:0} .box li{height:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none;} 第一行 第二行 第三行 第一行 第二行 第三行
-
文字不间断滚动(上下左右)实例代码
向上 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>连续向上滚动</title><style t
-
javascript:文字不间断向左移动的实例代码
复制代码 代码如下: <!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> <script type="t
-
图片连续不间断滚动像册
Fifty Studio│图片连续不间断滚动像册 @import url("/tutorials/demo/css/ie.css"); function showPic (whichpic) { if (document.getElementById) { document.getElementById('FGplaceholder').src = whichpic.href; if (whichpic.title) {document.getElementById('FGdesc2'
-
JS实现图片的不间断连续滚动的简单实例
js替代marquee实现图片无缝滚动 可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动. 先了解一下下面这几个属性: innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度. scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容
-
符合W3C Web标准的图片连续无间隙水平滚动
这次又遇上一个这样的问题,找了老半天终于从网上找到一个不错的,看了下代码,思路很简单,但代码太多,通用性也不行,于是乎,自己又发明了两个函数,用起来感觉还真不错,与大家共享: 图片连续无间隙向左滚动,无间隙向右滚动,符合W3C Web标准_ //调用向左滚动 toleft("demo","demo1","demo2",30,"hehe123") //调用向右滚动 toright("demo0","
-
Class Of Marquee Scroll通用不间断滚动JS封装类第1/2页
制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-12-28 (Ver 1.65) 更新说明: + 加入功能 * 修正.完善 1.65.071228 * 横向.纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置) * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试) 1.6.070131 + 禁止鼠标控制
-
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6) /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.6*\ 制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-01-31 (Ver 1.6) 更新说明: + 加入功能 * 修正.完善 1.6.070131 +
-
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.6*\ 制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-01-31 (Ver 1.6) 更新说明: + 加入功能 * 修正.完善 1.6.070131 + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1) + 判断是否
-
无间断滚动的新闻文章列表 多浏览器兼容
Fifty Studio│无间断滚动的新闻文章列表 @import url("/tutorials/demo/css/ie.css"); #demo{overflow:auto; } } CSS 布局演示 CSS Layout by Forestgan 2006-11-1 发表 三列自适应宽度液态布局│Three Column Liquid Layouts Internet Explorer 7 对CSS的兼容--Box Model Changes 未知大小的图片在一个已知大小容器中的
-
无间断滚动的新闻文章列表,兼容IE、Firefox和Opera,符合W3C标准。可作Marquee
<!--Quirks Mode--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&
-
js 实用的无间断滚动图效果(良好兼容性)
下面介绍一个方法:基本上实现结构跟行为相分离,两者的联系只需要一个 id就可以,使用起来很方便,而且同一个js代码可以实现在本页面多个滚动图效果,之间互不干扰, 1.xhtml 复制代码 代码如下: <div class="demo" id="demo1"> <table cellpadding="0" cellspacing="0"> <tr> <td><ul> &
随机推荐
- 如何制作K线图?
- 一不小心就做错的JS闭包面试题
- 查看物理内存的批处理
- Java接口和抽象类的区别深入剖析
- 详解Asp.Net MVC——控制器与动作(Controller And Action)
- android输入框与文本框加滚动条scrollview示例
- Nginx学习笔记之事件驱动框架处理流程
- Python编程修改MP3文件名称的方法
- js中直接声明一个对象的方法
- 删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
- SQL SERVER服务使用批处理启动/停止的方法(sc)
- jquery隔行换色效果实现方法
- JavaScript中的细节分析
- js获取所有checkbox的值的简单实例
- Memcache 基础教程(php 缓存)
- apache 虚拟主机的配置方法
- C#折半插入排序算法实现方法
- Python中的pass语句使用方法讲解
- Android闹钟启动时间设置无效问题的解决方法
- python 返回一个列表中第二大的数方法