酷站欣赏 酷站欣赏、酷站模板、酷站代码

主要讲酷站赏析、酷站模板、酷站代码等知识点。以专业成熟的酷站案例为主题，详细介绍酷站的各种知识点，希望大家能关注武诺寒浞酷站的资源，共同撰写下一章。

酷站欣赏

魏超集团

钱江摩托

益田电器

樱花卫浴

Kuzhan muban

http://www.unohacha.com/case.php

酷站代码

最简单的js图片切换效果实现代码

& lt语言=java >。

var Curindex = 0；

//时间间隔(毫秒)

可变时间间隔= 5000；

var arr = new Array()；

arr[0]= " 1 . jpg "；

arr[1]= " 2 . jpg "；

arr[2]= " 3 . jpg "；

arr[3]= " 4 . jpg "；

arr[4]= " 5 . jpg "；

arr[5]= " 6 . jpg "；

arr[6]= " 7 . jpg "；

setInterval(changeImg，time interval)；

函数changeImg()

{

var obj = document . getelementbyid(" show pic ")；

if (curIndex==arr.length-1)

{

curIndex = 0；

}

其他

{

curIndex+= 1；

}

obj . src = " image/"+arr[Curindex]；

}

& lt/>。

<img src="image/1.jpg" width="427" height="219" id="showpic" /> & ltimg src = " image/1 . jpg " width = " 427 " height = " 219 " id = " show pic "/>

js实现文本水平不间断滚动

为了实现这样的功能，文本会无间隙地滚过某个区域。我首先想到的标签是

& ltstyle type="text/css " >

#宫傲{宽度:1000px高度:30px溢出:隐藏；行高:30pxfont-size:13px；字体系列:‘Tahoma’；背景:# DDE5ED颜色:# 0C77CF字体粗细:粗体；}

#宫傲#滚动_开始，#宫傲#滚动_结束{显示:内嵌}

& lt/style>。

& lttype="text/java ">。

函数scrollinmgleft(){

变速= 50；

var scroll _ begin = document . GetElementbyID(" scroll _ begin ")；

var scroll _ end = document . getelementbyid(" scroll _ end ")；

var scroll _ div = document . GetElementbyID(" scroll _ div ")；

scroll _ end . innerhtml = scroll _ begin . innerhtml；

函数Marquee(){

if(scroll _ end . offsetwithts-scroll _ div . scroll left & lt；=0)

scroll _ div . scroll left-= scroll _ begin . offsetwith；

其他

roll _ div . scroll left++；

}

var MyMar=setInterval(Marquee，speed)；

scroll _ div . onmouseover = function(){ ClearInterval(MyMar)；}

scroll _ div . onmouseout = function(){ MyMar = SetInterval(Marquee，speed)；}

}

& lt/>。

& ltdiv id= "宫傲" >;

& ltdiv style = " width:900 px；高度:30px边距:0自动；空白:nowrap溢出:隐藏id = " scroll _ div " class = " scroll _ div " >

& ltdiv id="scroll_begin " >

$ { affiche . content } $ { affiche . content } $ { affiche . content }

$ { affiche . content } $ { affiche . content } $ { affiche . content }

& lt/div>。

& ltdiv id="scroll_end " >& lt/div>。

& lt/div>。

& lttype="text/java ">。scrolligmgleft()；& lt/>。

& lt/div>。

这里，${affiche.content}是从数据库中检索的文本。

之所以把这个重复的文字写在scroll_begin的div里，是因为这些字的长度必须大于scroll_div的div容器。如果比div小一些比较容易，就不会有滚动效果。

换句话说，无缝滚动的内容宽度必须大于容器的宽度。

本文网站:http://www.unohacha.com/news1_det.php? id = 581

想了解更多酷站欣赏，酷站模板，酷站代码，记得关注我们！！！