书签 分享 收藏 举报 版权申诉 / 33

类型javascript常用函数2.docx

  • 文档编号:20187303
  • 上传时间:2023-04-25
  • 格式:DOCX
  • 页数:33
  • 大小:29.93KB

18、鼠标触发表格变色

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

alpha(opacity=0);solid#FFFFFF"onMouseOut=nereidFade(this,01,70,5)src="images/yb_path_010.gif"width="115"height="43"border="0">

fade_image.js:

--BeginningofJavaScriptCode-------------------

nereidFadeObjects=newObject();

nereidFadeTimers=newObject();

functionnereidFade(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);

}

}

//--EndofJavaScriptCode-->

20、表格链接

12px;cursor:

hand">点我进入本站

黄色部分为链接,红色部分为手形。

不要见笑~~大家还有什么需要的提出来,我给大家解决。

6月19日新增

21、背景图居中居右~~

url(images/PCDBBS.jpg);background-position:

right;cursor:

hand"height="135">

黄色部分为背景居右,居中把当中的right改为center。

也可以放到css里定义。

22、定义随机数及范围

<%

randomize

dimk

k=cint(rnd*10)

ifk=0then

k=k+1

endif

%>

黄色部分,红色数字为随机数范围,表示K的范围为10,从1-10之间随机选择一个数。

用途:

比如要让你的网页页面的图片每刷新一次都不同就可以用这段代码。

.jpg">

红色部分为K的表达式,黄色部分为图片的存储文件名的一部分。

如果K的定义为1-10之间,你就可以把图片存储为lyd_a_1.jpg

lyd_a_2.jpg

................

lyd_a_10.jpg

试试去吧~~

22、文章字体大中小

[字体:

ContentFontSize(16)">大

ContentFontSize(14)">中

ContentFontSize(12)">小]

functionContentFontSize(size)

{

varobj=document.all.ContentLabel;

obj.style.fontSize=size+"px";

}

黄底部分随便你放在哪

红底部分一般放在栏目框右上角~~

定义动作区域:

id=ContentLabel

放在table,tr,td,div,span,里。

如:

内容

其它的自己去举一反三。

23、固定网页总背景,透明div背景的制作方法。

CSS定义:

--

body{

margin:

1em;

background:

#fffurl(images/bg.jpg)

fixed;

font:

9pt"TimesNewRoman";

}

#paper{

margin-left:

auto;

margin-right:

auto;

width:

460px;

height:

600px;

border:

4pxdouble#fff;

background:

url(images/paper.png);

filter:

alpha(opacity=80);

padding:

0.5em;

}

h1{

border-bottom:

1pxsolid#ccc;

font-size:

30pt;

margin:

0em;

}

-->

前面加了个#就是div定义。

网页中的div定义为:

在上面的代码中,红底白字的是固定背景。

黄底红字是div背景,paper.png只是一张1像素长宽的白色png图片。

用别的图片或用color在fierfox1.0.6浏览器下不支持。

黄底黑字的是透明定义,数字80也就是80%的透明度。

24、禁止右键

<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()">

25、打开窗口即最大化

<scriptlanguage="JavaScript">

  <!

--Begin

  self.moveTo(0,0)

  self.resizeTo(screen.availWidth,screen.availHeight)

  //End-->

  </script>

26、跳转页面

<metahttp-equiv="refresh"content="3;URL=list.htm">

27、让IFRAME框架内的文档的背景透明

<iframesrc="about:

<bodystyle=‘background:

transparent‘>"allowtransparency></iframe>

28、让你的网页无法另存为

<noscript><iframesrc=*></iframe></noscript>

29、用HTML给Flash加链接

400;height:

400;background:

transparent;border:

o;padding:

0;cursor:

hand"onclick="window.location.href='url'">

D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="width="100%"height="100%">

黄底红字的就是链接的网址~

30、判断地址栏输入的当前地址转向~

我站的空间用的是双域名。

if(location.toString().indexOf("")!

=-1)

{

location.href="

}

这段代码的意思是,当地址档输入的网址包含

这段代码可以用在很多地方,大家自己去试。

31、文字背景设置~

thindashedrgb(255,204,0);background-color:

rgb(255,255,153);color:

rgb(0,0,0);">欢迎您来到包装中国

?

?

?

?

贴子相关图片:

作者:

游客2007-11-289:

46:

01回复此发言

--------------------------------------------------------------------------------

4、回复:

js常用函数整理~~~~

经典的JAVAscript动态状态栏代码解释

--设置背景颜色,加载事件-->

//脚本语言开始标记

--hidescriptfromoldbrowsers//HTML注释,防止老版本浏览器不能识别

varphrase="精彩javascript特效!

";//定义状态栏显示的字符串

varlenPhrase=phrase.length;//定义一个整数lenphrase并赋予phrase的长度

varphraseOut="";//定义phraseOut空字符

varpause=25;//定义整数pause并赋予25,用于响应事件的时间

vari=0;//定义一个i并赋予0,用于循环控制及显示字符的位置.

varj=0;//定义一个j并赋予0

varanimateWidth=20;//定义整数并赋予20

varposition=animateWidth;//定义一个整数并赋予animateWidth的值

functionstack(){//定义一个堆栈函数,开始标记

if(phrase.charAt(i)!

="")

{//获取phrase字符串的第一个字符并判断是不是空字符

phraseOut="";//给phraseOut空字符

for(j=0;j

{

phraseOut+=phrase.charAt(j);

}

for(j=i;j

{

phraseOut+="";

}

phraseOut+=phrase.charAt(i);//加上要动态显示的字符

for(j=position;j

{

phraseOut+="";

}

window.status=phraseOut;//显示结果于状态栏

if(position==i)//判断要动态显示的字符是否已经到达左端

{

animateWidth++;//增加aimateWidth和Position的值,以至于字符串加的空格保持一致.

position=animateWidth;

i++;

}

else{//position减一以此来控制字符串中间的空格,使字符向左移一个位置

position--;

}

}

/*els

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
javascript 常用 函数
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:javascript常用函数2.docx
链接地址:https://www.bdocx.com/doc/20187303.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开