发新话题
打印

常用html&js代码

本主题由 admin 于 2008-4-8 23:19 推荐主题

常用html&js代码

1、JS弹出窗口换行:

QUOTE:
alert("<%=replace(viewstring,"<br>","\n")%>");

2、获得系统时间:

QUOTE:
<%=now()%>

3、取得来访用的IP:

QUOTE:
<%=request.server<I>var</I>iables("remote_host")%>

4、获得系统,浏览器版本:

QUOTE:
<script>
window.document.write("版本:"+navigator.appName+navigator.appVersion+" browser.")
</script>

5、去除IE混动条:

QUOTE:
<body scroll="no">
<body style="overflow-y:hidden">

6、进入网站,跳出广告:

QUOTE:
<script language="Javascript">
<!--
<!-- 注意更改文件所在路径-->
window.open(''http://www.XXXXXX.com&#39;','''',''height=200,width=300,top=0,left=30'');
// -->
</script>


7、随机数:

QUOTE:
<%randomize%>
<%=(int(rnd()*n)+1)%>


N为可改变数

8、向上混动代码:

QUOTE:
<marquee direction="up" scrolldelay="200" style="font-size: 9pt; color: #FF0000; line-height: 150%; font-style:italic; font-weight:bold" scrollamount="2" width="206" height="207" bgcolor="#FFFF00">hhhhhhhhhhhhhhhhhhh</marquee>

9、自动关闭网页:

QUOTE:
<script LANGUAGE="Javascript">
<!--
setTimeout(''window.close();'', 10000); //60秒后关闭
// -->
</script>
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>

10、随机背景音乐:

QUOTE:
<%randomize%>
<bgsound src="mids/<%=(int(rnd()*60)+1)%>.mid" loop="-1">


可以修改数字,限制调用个数,我这里是60个.

11、自动刷新本页面:

QUOTE:
<script>
<!--
var limit="0:10"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+"分"+cursec+"秒后重刷本页!"
else
curtime=cursec+"秒后重刷本页!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh
file://-->
</script>

12、点击刷新代码:

QUOTE:
<form>
  <p><input TYPE="button" VALUE="刷新按钮一" <I>onCLICK</I>="ReloadButton()"></p>
</form>
<script language="Javascript>"><!--
function ReloadButton(){location.href="allbutton.htm";}
// --></script>


13、后退,刷新,前进
 

QUOTE:
<input type=button value=后退 onclick=history.go(-1)>
<input type=button value=刷新 onclick=history.go(-0)>
<input type=button value=前进 onclick=history.go(+1)>

14、状态栏动态显示现在时间
 

QUOTE:
<script>
function see(){
window.setTimeout("see()",1000);
today = new Date();
self.status = today.toString();
}
</script>
<body onload=see()>

 

15、设为首页,加为收藏,加入频道,启动outlook发信

QUOTE:
<a style="cursor:hand" onclick="this.style.behavior="url(#default#homepage)"; this.setHomePage(http://www.cnpcd.com/);">设为首页</a>

<a style="cursor:hand" onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>

<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

<a href="mailto:hatlove2000@163.com">与我联系</a>

6、进入主页后自动最大化,省的去在自己单击了
 

QUOTE:
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>


 17、产品展示滚动效果

QUOTE:
<div align='center' id='demo' style='overflow:hidden;height:125px;width:545px;'><!--滚动区的高度和宽度-->
<table align='center' cellpadding='0' cellspace='0' border='0'>
  <tr>
    <td id='demo1' valign='top'></td>
    <td id='demo2' valign='top'></td>
  </tr>
</table>
</div>
<script>
var Picspeed=15<!--滚动速度-->
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>

18、鼠标触发表格变色

QUOTE:
<table border='0' cellspacing='0' width='100%' cellpadding='0'>
<tr bgcolor="#CFD788" >
<td height="10" onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#BFDFFF'"></td>
</tr>
</table>

19、图片动画式隐现(用于导航处)

QUOTE:

<script language=JavaScript src="fade_image.js"></script>
<td background="images/yb_path_01.gif"><a href="index.asp"><img onMouseOver=nereidFade(this,100,10,7) style="FILTER: alpha(opacity=0); solid #FFFFFF" onMouseOut=nereidFade(this,01,70,5) src="images/yb_path_010.gif" width="115" height="43" border="0"></a></td>


fade_image.js:

QUOTE:

<!-- Beginning of JavaScript Code -------------------

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
// -- End of JavaScript Code -->


20、表格链接

QUOTE:
<table width=100><tr>
<td onClick="location.href='http://www.cnpcd.com'" bgcolor=#e7e7e7 onmouseover="this.bgColor='#999999'" onmouseout="this.bgColor='#e7e7e7'" title="microsoft" style="font-size:12px;cursor:hand">点我进入本站</td>
</tr></table>

黄色部分为链接,红色部分为手形。
不要见笑~~图片点击可在新窗口打开查看大家还有什么需要的提出来,我给大家解决。

6月19日新增

21、背景图居中居右~~

QUOTE:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td onClick="window.location='http://www.cnpcd.com'" style="background:url(images/PCDBBS.jpg);background-position:right;cursor:hand" height="135"></td></tr></table>

黄色部分为背景居右,居中把当中的right改为center。
也可以放到css里定义。

22、定义随机数及范围

QUOTE:

<%
  randomize
  dim k
  k=cint(rnd*10)
  if k=0 then
    k=k+1
  end if
%>

黄色部分,红色数字为随机数范围,表示K的范围为10,从1-10之间随机选择一个数。
用途:比如要让你的网页页面的图片每刷新一次都不同就可以用这段代码。

QUOTE:

<td width="50%" height="55" background="../images/products/lyd_a_<%=k%>.jpg"></td>

红色部分为K的表达式,黄色部分为图片的存储文件名的一部分。
如果K的定义为1-10之间,你就可以把图片存储为lyd_a_1.jpg
                                                                      lyd_a_2.jpg
                                                                      ................
                                                                      lyd_a_10.jpg
试试去吧~~

博客秀社区www.blogshow.net

TOP

发新话题