放眼前程多歧路，青鸟殷情为探看
 

     网  页  特  效
                               
                                  漂亮的输入框
                     
  <!-- 把如下代码加入<body>区域中 -->

    <input name="reviewone" size="15"
        style="color: rgb(255,0,0);
        border-left: medium none;
        border-right: medium none;
        border-top: medium none;
        border-bottom: 1px solid rgb(192,192,192)"></font>


                                   图片在页面内随意飘动遇到边界会反弹
 


<div id="img" style="position:absolute;">
<a href="http://www.helpor.net" target="_blank">
<img src="http://code.helpor.net/picture/swimming.gif" border="0"></a>
</div>

<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;

img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function www_helpor_net() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
//For more,visit:www.helpor.net
-->
</script>




                                    鼠标滑动表格变色
 

               <BR>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="50">
   <tr>
      <td onMouseOver=this.style.backgroundColor='#99CC66' onMouseOut=this.style.backgroundColor='' bgcolor="#6699FF">&nbsp;</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
   </tr>
   <tr>
       <td onMouseOver=this.style.backgroundColor='#FFFF99' onMouseOut=this.style.backgroundColor='' bgcolor="#FFCCFF">&nbsp;</td>
   </tr>
</table>
<BR><BR><BR><center>




                                 鼠标上变化的文字

 

把如下代码加入<body>区域中
<SCRIPT language="JavaScript1.2">
<!--

var scroller_msg='Hi,网络编程站欢迎你的光临!'

var dismissafter=0

var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')

function followcursor(){
//move cursor function for IE

if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}

curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}

function dismissmessage(){
curscroll.style.visibility="hidden"
}

if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}

//-->
</SCRIPT>
更多

CopyRight ? 20099 jzbr.s1t43

QQ:568852824.1002838648

Email:xiaokangkangtu@ 163.com

华南理工大学工商管理学院、工业工程、康土.