您现在的位置: 丁丁家园 >> 网上学院 >> web语言开发 >> HTML与JS >> 文章正文
CN域名1元/年 | 高清晰图库
    

最常用的网页特效

        ★★★
【字体:
·好听的歌 ·火影忍者 ·繁体字转换 ·在线听歌 ·火影忍者漫画 ·最新歌曲 ·psp游戏下载 ·photoshop ·火星文
最常用的网页特效
作者:佚名    文章来源:本站原创    点击数:    更新时间:2006-6-1


7、现在的日期及星期
将以下代码加入HEML的〈body〉〈/body〉之间
〈script language=javascript〉
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i〈this.length;i++)
this[i+1]=initArray.arguments[i]  }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"〈font color=##000000 style=’font-size:9pt;font-family: 宋体’〉 ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"〈/font〉" ); 
〈/script〉
 
8、上下移动文字
〈MARQUEE onmouseover=this.stop() onmouseout=this.start() 
            scrollAmount=1 scrollDelay=60 direction=up width=125 bgColor=#FFFFFF
            height=100〉〈FONT color="#000033"〉〈BR〉
〈font size="2"〉Welcome to -丁丁家园-〈br〉www.citk.net〈br〉〈br〉如有什么问题请联系〈br〉〈a mailto:href="mailto:111@citk.net〉111@citk.net〈/a〉〈br〉QQ:349123431〈BR〉     —— ☆丁丁☆〈/font〉〈br〉—☆丁丁家园☆—                 〈/FONT〉〈/MARQUEE〉
 
9、状态栏中的文字
[修改显示的文字后复制到〈body〉〈/body〉]
〈script language=javascript〉
var MESSAGE="欢迎进入—☆丁丁家园☆—www.citk.net"
var POSITION=100
var DELAY=5
var scroll=new statusMessageObject()
function statusMessageObject(p,d){
this.msg =MESSAGE
this.out =" "
this.pos =POSITION
this.delay=DELAY
this.i=0
this.reset=clearMessage}
function clearMessage(){
this.pos=POSITION}
function scroller(){
for (scroll.i=0;scroll.i〈scroll.pos;scroll.i++){
scroll.out += " "}
if (scroll.pos 〉= 0)
scroll.out += scroll.msg
else scroll.out=scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status=scroll.out
scroll.out=" "
scroll.pos--
if (scroll.pos 〈 -(scroll.msg.length)) {
scroll.reset()}
setTimeout(’scroller()’,scroll.delay)}
function snapIn(jumpSpaces,position){
var msg = scroll.msg
var out = ""
for(var i=0; i〈position; i++) 
{out+= msg.charAt(i)}
for(i=1;i〈jumpSpaces;i++) 
{out += " "}
out+=msg.charAt(position)
window.status = out
if(jumpSpaces 〈= 1) {
position++
if(msg.charAt(position) == ’ ’) 
{position++ }
jumpSpaces = 100-position
}else if (jumpSpaces 〉  3)
{jumpSpaces *= .75}
else
{jumpSpaces$-->
if(position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
}else{window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false }
return true}
snapIn(100,0);
〈/script〉

10、鼠标右健失效
在〈body〉标记里内加上oncontextmenu="window.event.returnValue=false"

11、双击自动滚屏
〈!--要完成此效果把如下代码加入到〈body〉区域中//--〉
〈script〉
var currentpos,timer; 
function initialize() 

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

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
〈/script〉

上一页  [1] [2] [3] 下一页

【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口推荐赚点

网友评论

【发表评论】
(评论内容只代表网友观点,与本站立场无关!)

本频道栏目分类导航