位置：海鸟网 > IT > JavaScript >

几种个人网页里常用到的特效代码介绍

    1、网页里加载声音：

<BGSOUND src="1.mid" loop=never>



　　随便加在哪都可以

　　2、渐清晰图片效果(改变图片透明度)：

<SCRIPT language=JavaScript1.2> 
function high(which2){ 
theobject=which2 
highlighting=setInterval("highlightit(theobject)",50) 
} 
function low(which2){ 
clearInterval(highlighting) 
which2.filters.alpha.opacity=30 
} 
function highlightit(cur2){ 
if (cur2.filters.alpha.opacity<100) 
cur2.filters.alpha.opacity+=10 
else if (window.highlighting) 
clearInterval(highlighting) 
} 
</SCRIPT>



　　上面的加在哪都可以，下面的代码加到实现图片效果的地方：

<a href="1.htm" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=40)" onmouseout=low(this) src="010%5B1%5D.gif" width="80" height="60" border="0"></a>



　　3、每天自动更新的日期：

<script LANGUAGE="JavaScript"> 
function number(index1){ 
var numberstring="一二三四五六七八九十"; 
  if(index1 ==0) {document.write("十")} 
  if(index1 < 10){ 
    document.write(numberstring.substring(0+(index1-1),index1))} 
  else if(index1 < 20 ){ 
    document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))} 
  else if(index1 < 30 ){ 
    document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))} 
  else{ 
    document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))} 
  } 
var today1 = new Date() 
var month = today1.getMonth()+1 
var date = today1.getDate() 
var day = today1.getDay() 

document.write("<br><strong><small><center>") 
document.write("今天是：2000年") 
number(month) 
document.write("月") 
number(date) 
document.write("日</small><center>") 
</script>



　　4、隐藏滚动条效果：

style="OVERFLOW-Y: hidden; OVERFLOW-X: hidden; OVERFLOW: scroll"



　　把代码加入到<body>里面

　　5、右键失效效果：

oncontextmenu=self.event.returnValue=false  
onselectstart=self.event.returnValue=false  
ondragstart=self.event.returnValue=false



　　加入到<body>里面

　　6、自制滚动条：

<SCRIPT> 
function movstar(a,time){ 
movx=setInterval("mov("+a+")",time) 
} 
function movover(){ 
clearInterval(movx) 
} 
function mov(a){ 
scrollx=new_date.document.body.scrollLeft 
scrolly=new_date.document.body.scrollTop 
scrolly=scrolly+a 
new_date.window.scroll(scrollx,scrolly) 
} 
function wback(){ 
if(new_date.history.length==0){window.history.back()} 
else{new_date.history.back()} 
} 
</SCRIPT>



<iframe name=new_date align=left marginwidth=0 marginheight=0 src="suib1.htm" frameborder=0 noResize width=300 scrolling=no height=200 vspale="0"></iframe> 
<img onMouseUp=movover();movstar(-1,40) onMouseDown=movover();movstar(-3,2) onMouseOver=movstar(-1,20) onMouseOut=movover() height=15 alt=向上滚动 src="../image/11.gif" width=15> 
<img onMouseUp=movover();movstar(1,40) onMouseDown=movover();movstar(3,2) onMouseOver=movstar(1,20) onMouseOut=movover() height=15 alt=向下滚动 src="../image/12.gif" width=15>