几种网页效果代码

文字上下滚动的特效；

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>

<s cript src="http://www.100sucai.com/js/jquery.js"></s cript>

<s cript src="http://www.100sucai.com/img/demo/1340_2.js" type="text/javas cript"></s cript>

<s cript src="http://www.100sucai.com/img/demo/1340_1.js" type="text/javas cript"></s cript>

<s cript type="text/javas cript">

$(document).ready(function(){

var dd = $('.vticker').easyTicker({

direction: 'up',

easing: 'easeInOutBack',

speed: 'slow',

interval: 2000,

height: '36',

visible: 1,

mousePause: 0,

controls: {

up: '.up',

down: '.down',

toggle: '.toggle',

stopText: 'Stop !!!'

}

}).data('easyTicker');

});

</s cript>

<style>

.vticker {

border: 1px solid red;

width: 400px;

}

.vticker ul {

padding: 0;

}

.vticker li {

list-style: none;

border: 0px solid green;

padding: 10px;

}

.et-run {

background: red;

}

</style>

<div class="vticker">

  <ul>

    <li>List 2</li>

    <li>List 3</li>

    <li>List 4</li>

    <li>List 5 </li>

  </ul>

</div>

一段非常简单的让图片自动切换js代码

<s cript language =javas cript > 

var curIndex=0; 

//时间间隔 单位毫秒 

var timeInterval=1000; 

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,timeInterval); 

function changeImg() 

{ 

    var obj=document.getElementById("obj"); 

    if (curIndex==arr.length-1)  

    { 

        curIndex=0; 

    } 

    else 

    { 

        curIndex+=1; 

    } 

    obj.src=arr[curIndex]; 

} 

</s cript> 

<img id=obj src ="1.jpg" border =0 /> 

<div id="blink">闪烁的文字</div> 

<s cript language="javas cript"> 

function changeColor(){ 

var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 

color=color.split("|"); 

document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; 

} 

setInterval("changeColor()",200); 

</s cript>

html中如何显示系统时间  

先定义JS

<s cript>

function getDate()

{

  var d,s,t;

  d=new Date();

  s=d.getFullYear().toString(10)+"-";

  t=d.getMonth()+1;

  s+=(t>9?"":"0")+t+"-";

  t=d.getDate();

  s+=(t>9?"":"0")+t+" ";

  t=d.getHours();

  s+=(t>9?"":"0")+t+":";

  t=d.getMinutes();

  s+=(t>9?"":"0")+t+":";

  t=d.getSeconds();

  s+=(t>9?"":"0")+t;  

  return s;

}

function showDate()

{

     var i= getDate();

 document.all.now.innerHTML=i;

}

setInterval( "showDate() ",1000);//实现实时更新

</s cript>

html中通过div定义块

<td><div id="now" style="font-size:13 px " style="color:#FF0000" ></div>