图片连续不间断滚动像册
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需刷新才能执行]
相关推荐
-
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
一.jQuery.roll 插件使用说明 jQuery.roll 是模拟百度新闻不间断滚动效果,并支持文字.图片水平垂直滚动,该函数使用方法为: 复制代码 代码如下: /* * @module jQuery roll * @param: contentCls 内容容器className * @param: contentParentId 内容容器父元素节点ID * @param: configs 配置参数 * * @config: effect 滚动效果 * @config: duration
-
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>
-
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
-
文字不间断滚动(上下左右)实例代码
向上 复制代码 代码如下: <!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
-
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;} 第一行 第二行 第三行 第一行 第二行 第三行
-
图片连续不间断滚动像册
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> &
随机推荐
- 基于angular中的重要指令详解($eval,$parse和$compile)
- Ruby on Rails框架程序连接MongoDB的教程
- Lua中对table排序实例
- IIS 7.5 限制连接数与流量限制模块的下载安装方法
- Java并发编程示例(一):线程的创建和执行
- Oracle 错误代码整理总结
- .net搜索查询并实现分页实例
- javascript事件冒泡简单示例
- Asp.net程序优化js、css实现合并与压缩的方法
- asp.net中XML如何做增删改查操作
- ASP建立一个简单的聊天室
- ASP基础入门第一篇(ASP技术简介)
- 详解docker镜像centos7配置Java运行环境
- Git 命令详解及常用命令整理
- 用CSS实现表单form布局
- executesql 存储过程
- javascript 自定义回调函数示例代码
- Java ExecutorService四种线程池使用详解
- 使用Docker部署Spring Boot的应用示例
- C# 获取当前年份的周期及周期所在日期范围(推荐)