《网页中最常用的js代码-辛苦整理》由会员分享，可在线阅读，更多相关《网页中最常用的js代码-辛苦整理（17页珍藏版）》请在金锄头文库上搜索。
1、1、 网页链接在新窗口中打开写上要写的字 要想页面上所有的链接都在新窗口中打开，在页面中加入：也可以在属性栏中逐个设置：2、 显示当前年月日时间代码：无标题文档function time()/获得显示时间的 divt_div = document.getElementById(showtime);var now=new Date()/替换 div 内容 t_div.innerHTML = 现在是+now.getFullYear()+年+(now.getMonth()+1)+月+now.getDate() +日+now.getHours()+ 时+now.getMinutes()+分+now.g
2、etSeconds()+秒;/等待一秒钟后调用 time 方法，由于 settimeout 在 time 方法内，所以可以无限调用setTimeout(time,1000);查找更多代码，请访问：懒人图库3、 滚动字体需要加入的字 4、 字体加粗：需要加入的字5、 字体斜体需要加入的字6、 浮动图片img alt=1 height=150 src=这里放图片地址/7、 随机替换图片document.write( 8、 返回上一页返回上一页 9、 给图片加上播放按钮img display:block#imgBox li position:relative;list-style-type:none
3、;border:1px solid #ccc;padding:3px;float:left.toolbar position:absolute;bottom:15px; right:15px;10、 实现图片翻书效果#center LEFT: 50%; POSITION: absolute; TOP: 50%#DHTMLBOOK BACKGROUND: #000; LEFT: -210px; VISIBILITY: hidden; WIDTH: 420px; POSITION: relative; TOP: -160px; HEIGHT: 320px#TXTBOX FONT-SIZE: 0.8
4、em; WIDTH: 410px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center.page OVERFLOW: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%.right BORDER-RIGHT: #000000 1px solid; LEFT: 50%.turn BACKGROUND: #000000.im
5、g WIDTH: 200%; POSITION: absolute; HEIGHT: 100%100) o = 100;if (obj.filters)obj.filters.alpha.opacity=o; else obj.style.opacity = o/100;function TPR_(p) P1.style.left = 50-(2.5*p)+%;P1.style.width = (2.5*p)+%;setOpacity(P1i, .5*p*p);if (p = 20) run = false;function TPR_(p) P2.style.width = 50-(2.5*p
6、)+%;setOpacity(P2i, 100-.5*(p*p);if (p = 20) P2i.src = IMGSRCkI.src;setOpacity(P2i, 100);P2.style.width = 50%;for(var i=1; i=nI) kI = 0;titLe(kI);P02i.src = IMGSRCkI.src;P1i.src = IMGSRCkI.src;for (var i=1; i11、 图片自动按比例缩小代码（防止页面被图片撑破）/缩放图片到合适大小function ResizeImages()var myimg,oldwidth,oldheight;var
7、maxwidth=550;var maxheight=880var imgs = document.getElementById(article).getElementsByTagName(img);/如果你定义的 id 不是 article，请修改此处for(i=0;i myimg.height)if(myimg.width maxwidth)oldwidth = myimg.width;myimg.height = myimg.height * (maxwidth/oldwidth);myimg.width = maxwidth;elseif(myimg.height maxheight)
8、oldheight = myimg.height;myimg.width = myimg.width * (maxheight/oldheight);myimg.height = maxheight;/缩放图片到合适大小ResizeImages();12、 网页中字体滚动1、方向 #=left, right如：从右向左移！从左向右移！2、方式 #=scroll, slide, alternate如：一圈一圈绕着走！ 只走一次就停！来回走！3、循环 #=次数；若未指定则循环不止 (infinite)如：只走 3 趟！只走 3 趟！只走 3 趟！4、速度 如：走得好快！5、延时 如： 走一步，停一
9、停！6、对齐方式(Align) #=top, middle, bottom如：会移动！7、底色 #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua如：会移动！8、面积 如：会移动！9、空白(Margins)-以下是一个最简单的例子：代码如下:Hello, World下面这两个事件经常用到：onMouseOut=this.start() ：用来设置鼠标移出该区域时继续滚动onMo
10、useOver=this.stop()：用来设置鼠标移入该区域时停止滚动代码如下:onMouseOut=this.start() ：用来设置鼠标移出该区域时继续滚动 ：用来设置鼠标移入该区域时停止滚动这是一个完整的例子：代码如下:这是一个完整的例子该标签支持的属性多达 11 个：align设定标签内容的对齐方式absbottom：绝对底部对齐（与 g、p 等字母的最下端对齐）absmiddle：绝对中央对齐baseline：底线对齐bottom：底部对齐（默认）left：左对齐middle：中间对齐right：右对齐texttop：顶线对齐top：顶部对齐13、 网页中图片来回滚动还可以加入如下鼠标事件，当鼠标划过时停止。
