在線教程
Wap
留言
網(wǎng)站地圖
授權(quán)查詢(xún)
(0434)3219159??(0434)3151959
售前咨詢(xún)熱線:
易通企業(yè)網(wǎng)站系統(tǒng),企業(yè)網(wǎng)站模板,企業(yè)網(wǎng)站程序
網(wǎng)站首頁(yè)
產(chǎn)品下載
系統(tǒng)下載
插件下載
補(bǔ)丁下載
商業(yè)授權(quán)
幫助文檔
建站知識(shí)
入門(mén)指引
系統(tǒng)設(shè)置
內(nèi)容管理
模版風(fēng)格
功能模塊
會(huì)員管理
網(wǎng)站模板
免費(fèi)模板
商業(yè)模板
企業(yè)網(wǎng)站模板
設(shè)計(jì)推薦
網(wǎng)建公司
工作室
主機(jī)推薦
合作伙伴
金牌主機(jī)
易通企業(yè)網(wǎng)站系統(tǒng)
也稱(chēng)易通企業(yè)網(wǎng)站程序,是易通公司開(kāi)發(fā)中國(guó)首套免費(fèi)提供企業(yè)網(wǎng)站模板的
營(yíng)銷(xiāo)型企業(yè)網(wǎng)站管理系統(tǒng)
,系統(tǒng)前臺(tái)生成html、完全符合
SEO
、同時(shí)有在線客服、潛在客戶(hù)跟蹤、便捷
企業(yè)網(wǎng)站模板制作
、
搜索引擎推廣
等功能的企業(yè)網(wǎng)站系統(tǒng)。
當(dāng)前位置:
易通免費(fèi)企業(yè)網(wǎng)站系統(tǒng)
幫助文檔
建站知識(shí)
建站技巧
實(shí)現(xiàn)滾動(dòng)內(nèi)容的代碼
作者:jackie?? 發(fā)布時(shí)間:2010-01-07 22:06:23??
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>向上下左右不間斷無(wú)縫滾動(dòng)圖片的效果(兼容火狐和IE)</title>
</head>
<body><!--下面是向上滾動(dòng)代碼-->
<div id=jsweb8_cn_top style=overflow:hidden;height:100;width:90;>
<div id=jsweb8_cn_top1>
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
</div>
<div id=jsweb8_cn_top2></div>
</div>
<script>
var speed=30
jsweb8_cn_top2.innerHTML=jsweb8_cn_top1.innerHTML //克隆jsweb8_cn_top1為jsweb8_cn_top2
function Marquee1(){
//當(dāng)滾動(dòng)至jsweb8_cn_top1與jsweb8_cn_top2交界時(shí)
if(jsweb8_cn_top2.offsetTop-jsweb8_cn_top.scrollTop<=0)
jsweb8_cn_top.scrollTop-=jsweb8_cn_top1.offsetHeight //jsweb8_cn_top跳到最頂端
else{
jsweb8_cn_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//設(shè)置定時(shí)器
//鼠標(biāo)移上時(shí)清除定時(shí)器達(dá)到滾動(dòng)停止的目的
jsweb8_cn_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠標(biāo)移開(kāi)時(shí)重設(shè)定時(shí)器
jsweb8_cn_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--向上滾動(dòng)代碼結(jié)束-->
<br>
<!--下面是向下滾動(dòng)代碼-->
<div id=jsweb8_cn_bottom style=overflow:hidden;height:100;width:90;>
<div id=jsweb8_cn_bottom1>
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
<img src="http://www.ssey.top/images/logo.gif">
</div>
<div id=jsweb8_cn_bottom2></div>
</div>
<script>
var speed=30
jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML
jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight
function Marquee2(){
if(jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0)
jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight
else{
jsweb8_cn_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)
jsweb8_cn_bottom.onmouseover=function() {clearInterval(MyMar2)}
jsweb8_cn_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>
<!--向下滾動(dòng)代碼結(jié)束-->
<br>
<!--下面是向左滾動(dòng)代碼-->
<div id="jsweb8_cn_left" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="jsweb8_cn_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td><td><img src="http://www.ssey.top/images/logo.gif" width="88"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
</tr>
</table>
</td>
<td id="jsweb8_cn_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度數(shù)值越大速度越慢
jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML
function Marquee3(){
if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)
jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth
else{
jsweb8_cn_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
jsweb8_cn_left.onmouseover=function() {clearInterval(MyMar3)}
jsweb8_cn_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
<!--向左滾動(dòng)代碼結(jié)束-->
<br>
<!--下面是向右滾動(dòng)代碼-->
<div id="jsweb8_cn_right" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="jsweb8_cn_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
<td><img src="http://www.ssey.top/images/logo.gif"></td>
</tr>
</table>
</td>
<td id="jsweb8_cn_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度數(shù)值越大速度越慢
jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML
function Marquee4(){
if(jsweb8_cn_right.scrollLeft<=0)
jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth
else{
jsweb8_cn_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4)}
jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
<!--向右滾動(dòng)代碼結(jié)束-->
<p></p>
</body>
</html>
復(fù)制代碼
打印本文
關(guān)閉本頁(yè)
評(píng)論
推薦度:
分享到微博
上一篇:
如何添加首頁(yè)產(chǎn)品展示
下一篇:
封面分類(lèi)的使用-添加類(lèi)似關(guān)于我們的單頁(yè)分類(lèi)
聯(lián)系電話(huà):0434-3219159 0434-3151959
Email:cmseasy@163.com
了解更多
高級(jí)版本
論壇討論
快速導(dǎo)航
Type
產(chǎn)品下載
商業(yè)授權(quán)
幫助文檔
建站知識(shí)
└網(wǎng)頁(yè)制作基礎(chǔ)
└平面設(shè)計(jì)
└PHP教程
└ASP/VbScript
└Asp.Net教程
└JSP教程
└Ajax/Web標(biāo)準(zhǔn)
└建站技巧
└服務(wù)器
└數(shù)據(jù)庫(kù)
└業(yè)界動(dòng)態(tài)
└建站故事
└網(wǎng)站推廣
└建站心得
入門(mén)指引
系統(tǒng)設(shè)置
內(nèi)容管理
模版風(fēng)格
功能模塊
會(huì)員管理
網(wǎng)站模板
幫助文檔
Help
本地網(wǎng)站遷移至虛擬主機(jī)的教程
內(nèi)容管理
2010-01
網(wǎng)站開(kāi)發(fā)策劃所需要的文檔
網(wǎng)站推廣
2009-06
linux環(huán)境搭建
入門(mén)指引
2010-01
CmsEasy 安裝方法
入門(mén)指引
2011-02
調(diào)用指定欄目名稱(chēng)及鏈接
模版風(fēng)格
2009-06
自定義字段應(yīng)用實(shí)例
內(nèi)容管理
2009-12
為什么建立分類(lèi)后,打開(kāi)分類(lèi)為空白
入門(mén)指引
2010-01
網(wǎng)站文化與網(wǎng)頁(yè)設(shè)計(jì)
建站心得
2009-06
如何添加有縮略圖的內(nèi)容
入門(mén)指引
2010-01
登錄網(wǎng)站管理后臺(tái)
入門(mén)指引
2010-01
易通企業(yè)網(wǎng)站系統(tǒng),系統(tǒng)前臺(tái)生成html、完全符合SEO、同時(shí)有在線客服、潛在客戶(hù)跟蹤、便捷的企業(yè)網(wǎng)站管理、搜索引擎推廣等功能。
關(guān)于我們
|
付款方式
|
招聘信息
|
網(wǎng)站地圖
|
免費(fèi)下載企業(yè)
|
閩ICP備09035302號(hào)
Copyright ? 2011
CmsEasy.CN
, All rights reserved.
Powered by CmsEasy
??
九州易通科技提供服務(wù)器支持 | 網(wǎng)站空間 | 虛擬主機(jī)
幫助教程
Help
封面分類(lèi)的使用-添加類(lèi)似關(guān)于我們
驗(yàn)證碼錯(cuò)誤
安裝CmsEasy_Exp!-1…
shtml設(shè)置
欄目頁(yè)文章列表樣式補(bǔ)充-點(diǎn)擊展開(kāi)
網(wǎng)站推廣時(shí)幾點(diǎn)禁忌
個(gè)性化網(wǎng)站設(shè)計(jì)
助力企業(yè)網(wǎng)站營(yíng)銷(xiāo),cmseasy
相關(guān)文檔
Related Documents
CmsEasy商業(yè)授權(quán)變更
CmsEasy商業(yè)授權(quán)協(xié)議
CmsEasy商業(yè)授權(quán)證明
CmsEasy授權(quán)提交信息工單
CmsEasy問(wèn)題提交工單
CmsEasy發(fā)票信息工單
網(wǎng)站代備案所需材料
建站知識(shí)
Website
實(shí)現(xiàn)滾動(dòng)內(nèi)容的代碼
個(gè)性化網(wǎng)站設(shè)計(jì)
網(wǎng)站開(kāi)發(fā)策劃所需要的文檔
為什么首頁(yè)幻燈不顯示
移動(dòng)分類(lèi)及分類(lèi)下文章到另一分類(lèi)
在cmseasy模板中調(diào)用其他輔
一個(gè)成功的網(wǎng)站設(shè)計(jì)
如何添加文章
合作伙伴
Contact
火車(chē)頭采集器
CNZZ商業(yè)統(tǒng)計(jì)
Zkeys高效服務(wù)器虛擬主機(jī)管理軟件
炎黃數(shù)據(jù)
推薦產(chǎn)品
Contact
經(jīng)營(yíng)性網(wǎng)站備案