Home > Web Front-end > JS Tutorial > Some tips for making web pages (continued)_Basic knowledge

Some tips for making web pages (continued)_Basic knowledge

WBOY
Release: 2016-05-16 19:20:05
Original
762 people have browsed it

Q: 实现双击自动滚屏.
A: 将以下代码添加到需要自动滚屏的页面上


var currentpos, timer;
function initialize(){
timer = setInterval("scrollwindow()", 1);
}
function sc(){
clearInterval(timer);
}
function scrollwindow(){
currentpos = document.body.scrollTop;
window.scroll(0, ++currentpos);
if(currentpos != document.body.scrollTop){
sc();
}
}
document.onmousedown = sc;
document.ondblclick = initialize;


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

把鼠标放上来试试




Q:
文本随机输出,可以用来作公告栏 。
A: 脚本说明 :
第一步 : 把如下代码加入 区域中




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





第三步 : 把 改为


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








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

1,页面自动刷新:把如下代码加入区域中,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入区域中,其中20指隔20秒后跳转到http://www.163.com页面。

Q: 鼠标箭头变十字架代码(对一些特殊的网页有用) .
A: 你们自己试试效果就知道了.




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

之前。







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

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

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













< div id="sDiv9" style="position:absolute; visibility: hidden;">j

Q: The text is randomly output and can be used as a bulletin board. It outputs word by word, which is good. . .
A: Script description:
Step 1: Add the following code to the area




Step 2: Add the following code to the area






Step 3: Change to



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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template