做网页的一些技巧(续)_Javascript教程-查字典教程网
做网页的一些技巧(续)
做网页的一些技巧(续)
发布时间:2016-12-30 来源:查字典编辑
摘要:Q:实现双击自动滚屏.A:将以下代码添加到需要自动滚屏的页面上varcurrentpos,timer;functioninitialize(...

Q:

实现双击自动滚屏.

A: 将以下代码添加到需要自动滚屏的页面上

<s cript Language="Javas cript">

varcurrentpos,timer;

functioninitialize(){

timer=setInterval("scrollwindow()",1);

}

functionsc(){

clearInterval(timer);

}

functionscrollwindow(){

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if(currentpos!=document.body.scrollTop){

sc();

}

}

document.onmousedown=sc;

document.ondblclick=initialize;

</s cript>

Q:

鼠标特效 。

A: 鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明

<a href="http://xiaoguo001.nease.net" target="_blank" onMouseOver="helpor_net_show(this,event,' 这里是小郭的个人主页 ')" onMouseOut="helpor_net_hide()"> 把鼠标放上来试试

<div id="tooltip2">

<layer name="nstip" width="1000px" bgColor="seashell"></layer>

</div>

<SCRIPT language="JavaScript">

<>

</SCRIPT>

Q:

文本随机输出,可以用来作公告栏 。

A: 脚本说明 :

第一步 : 把如下代码加入 <head> 区域中

<SCRIPT LANGUAGE="JavaScript">

<>

<>

<>

<>

</script>

</HEAD>

第二步 : 把如下代码加入 <body> 区域中

<form name=tickform>

<textarea name=tickfield rows=3 cols=38 wrap=virtual>Thenewswillappearherewhenthepagehasfinishedloading.

</textarea>

</form>

第三步 : 把 <body> 改为

<body bgcolor="#fef4d9" OnLoad="textticker()">

Q:

进入页面自动弹出的欢迎致词,个人网站可加......

A: 今天在公司网站上抓的,进入页面自动弹出的欢迎致词,个人网站可加上不免没有加好呀。加的位置应该可以看懂吧。

<html>

<head>

</head>

<body>

</body>

<script language="vbscript">

<>

</script>

</html>

Q:

页面自动刷新说明 。

A: 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.163.com">,其中20指隔20秒后跳转到http://www.163.com页面。

Q:

鼠标箭头变十字架代码(对一些特殊的网页有用) .

A: 你们自己试试效果就知道了.

<script language="JavaScript1.2">

<>

</script>

<style>

<>

</style>

【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在</head>之前。

<div id="leftright">

</div>

<div id="topdown">

</div>

【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在<body>之後任何位置。

【修改程式碼】

若想改改線的顏色,那就改background-color:#00eeff;這部份,後面的顏色碼就行了。

Q:

网站鼠标点击有烟花效果的代码 .

A: <SCRIPT LANGUAGE="JavaScript1.2">

<>

</script>

<body bgcolor="#fef4d9" OnLoad="initMouseEvents()">

<div id="sparks">

<div id="sDiv0"><font face="arial black" color="red">a </div>

<div id="sDiv1"><font face="arial black" color="yellow">b </div>

<div id="sDiv2"><font face="arial black" color="blue">c </div>

<div id="sDiv3"><font face="arial black" color="red">d </div>

<div id="sDiv4"><font face="arial black" color="orange">e </div>

<div id="sDiv5"><font face="arial black" color="white">f </div>

<div id="sDiv6"><font face="arial black" color="green">g </div>

<div id="sDiv7"><font face="arial black" color="skyblue">h </div>

<div id="sDiv8"><font face="arial black" color="yellow">i </div>

<div id="sDiv9"><font face="arial black" color="white">j </div>

</div>

Q:

文本随机输出,可以用来作公告栏,一个字一个字的输出,不错。。。

A: 脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">

<>

<>

<>

<>

</script>

</HEAD>

第二步:把如下代码加入<body>区域中

<form name=tickform>

<textarea name=tickfield rows=3 cols=38 wrap=virtual>The news will appear here when the page has finished loading.</textarea>

</form>

第三步:把<body>改为

<body bgcolor="#fef4d9" OnLoad="textticker()">

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=348254

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类