dreamweaver图片展示特效代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd"> <html><head><title>6</title><style type="text/css">html {overflow: hidden;}body {position: absolute;margin: 0px;padding: 0px;background: #111;width: 100%;height: 100%;}#screen {position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;background: #000;}#screen img {position: absolute;cursor: pointer;visibility: hidden;width: 0px;height: 0px;}#screen .tvover {border: solid #876;opacity: 1;filter: alpha(opacity=100);}#screen .tvout {border: solid #fff;opacity: 0.7;}#bankImages {display: none;}</style><script type="text/javascript">var Library = {};Library.ease = function () {this.target = 0;this.position = 0;this.move = function (target, speed){this.position += (target - this.position) * speed;}}var tv = {/* ==== variables ==== */O : [],screen : {},grid : {size : 4, // 4x4 gridborderSize : 6, // borders sizezoomed : false},angle : {x : new Library.ease(),y : new Library.ease()},camera : {x : new Library.ease(),y : new Library.ease(),zoom : new Library.ease(),focalLength : 750 // camera Focal Length},/* ==== init script ==== */init : function (){this.screen.obj = document.getElementById('screen');var img = document.getElementById('bankImages').getElementsByTagName('img');this.screen.obj.onselectstart = function () { return false; }this.screen.obj.ondrag = function () { return false; }/* ==== create images grid ==== */var ni = 0;var n = (tv.grid.size / 2) - .5;for (var y = -n; y <= n; y++){for (var x = -n; x <= n; x++){/* ==== create HTML image element ==== */var o = document.createElement('img');var i = img[(ni++) % img.length];o.className = 'tvout';o.src = i.src;tv.screen.obj.appendChild(o);/* ==== 3D coordinates ==== */o.point3D = {x : x,y : y,z : new Library.ease()};/* ==== push object ==== */o.point2D = {};o.ratioImage = 1;tv.O.push(o);/* ==== on mouse over event ==== */o.onmouseover = function (){if (!tv.grid.zoomed){if (tv.o){/* ==== mouse out ==== */tv.o.point3D.z.target = 0;tv.o.className = 'tvout';}/* ==== mouse over ==== */this.className = 'tvover';this.point3D.z.target = -.5;tv.o = this;}}/* ==== on click event ==== */o.onclick = function (){if (!tv.grid.zoomed){/* ==== zoom in ==== */tv.camera.x.target = this.point3D.x;tv.camera.y.target = this.point3D.y;tv.camera.zoom.target = tv.screen.w * 1.25;tv.grid.zoomed = this;} else {if (this == tv.grid.zoomed){/* ==== zoom out ==== */tv.camera.x.target = 0;tv.camera.y.target = 0;tv.camera.zoom.target = tv.screen.w / (tv.grid.size + .1);tv.grid.zoomed = false;}}}/* ==== 3D transform function ==== */o.calc = function (){/* ==== ease mouseover ==== */this.point3D.z.move(this.point3D.z.target, .5);/* ==== assign 3D coords ==== */var x = (this.point3D.x - tv.camera.x.position) * tv.camera.zoom.position;var y = (this.point3D.y - tv.camera.y.position) * tv.camera.zoom.position;var z = this.point3D.z.position * tv.camera.zoom.position;/* ==== perform rotations ==== */var xy = tv.angle.cx * y - tv.angle.sx * z;var xz = tv.angle.sx * y + tv.angle.cx * z;var yz = tv.angle.cy * xz - tv.angle.sy * x;var yx = tv.angle.sy * xz + tv.angle.cy * x;/* ==== 2D transformation ==== */this.point2D.scale = tv.camera.focalLength / (tv.camera.focalLength + yz);this.point2D.x = yx * this.point2D.scale;this.point2D.y = xy * this.point2D.scale;this.point2D.w = Math.round(Math.max(0,this.point2D.scale * tv.camera.zoom.position * .8));/* ==== image size ratio ==== */if (this.ratioImage > 1)this.point2D.h = Math.round(this.point2D.w / this.ratioImage);else{this.point2D.h = this.point2D.w;this.point2D.w = Math.round(this.point2D.h * this.ratioImage);}}/* ==== rendering ==== */o.draw = function (){if (plete){/* ==== paranoid image load ==== */if (!this.loaded){if (!this.img){/* ==== create internal image ==== */this.img = new Image();this.img.src = this.src;}if (plete){/* ==== get width / height ratio ==== */this.style.visibility = 'visible';this.ratioImage = this.img.width / this.img.height;this.loaded = true;this.img = false;}}/* ==== HTML rendering ==== */this.style.left = Math.round(this.point2D.x * this.point2D.scale +tv.screen.w - this.point2D.w * .5) + 'px';this.style.top = Math.round(this.point2D.y * this.point2D.scale +tv.screen.h - this.point2D.h * .5) + 'px';this.style.width = this.point2D.w + 'px';this.style.height = this.point2D.h + 'px';this.style.borderWidth = Math.round(Math.max(this.point2D.w,this.point2D.h) * tv.grid.borderSize * .01) + 'px';this.style.zIndex = Math.floor(this.point2D.scale * 100);}}}}/* ==== start script ==== */tv.resize();mouse.y = tv.screen.y + tv.screen.h;mouse.x = tv.screen.x + tv.screen.w;tv.run();},/* ==== resize window ==== */resize : function (){var o = tv.screen.obj;tv.screen.w = o.offsetWidth / 2;tv.screen.h = o.offsetHeight / 2;tv.camera.zoom.target = tv.screen.w / (tv.grid.size + .1);for (tv.screen.x = 0, tv.screen.y = 0; o != null; o = o.offsetParent) {tv.screen.x += o.offsetLeft;tv.screen.y += o.offsetTop;}},/* ==== main loop ==== */run : function (){/* ==== motion ease ==== */tv.angle.x.move(-(mouse.y - tv.screen.h - tv.screen.y) * .0025, .1);tv.angle.y.move( (mouse.x - tv.screen.w - tv.screen.x) * .0025, .1);tv.camera.x.move(tv.camera.x.target, tv.grid.zoomed ? .25 : .025);tv.camera.y.move(tv.camera.y.target, tv.grid.zoomed ? .25 : .025);tv.camera.zoom.move(tv.camera.zoom.target, .05);/* ==== angles sin and cos ==== */tv.angle.cx = Math.cos(tv.angle.x.position);tv.angle.sx = Math.sin(tv.angle.x.position);tv.angle.cy = Math.cos(tv.angle.y.position);tv.angle.sy = Math.sin(tv.angle.y.position);/* ==== loop through all images ==== */for (var i = 0, o; o = tv.O[i]; i++){o.calc();o.draw();}/* ==== loop ==== */setTimeout(tv.run, 32);}}/* ==== global mouse position ==== */ var mouse = {x : 0,y : 0}document.onmousemove = function(e) {if (window.event) e = window.event;mouse.x = e.clientX;mouse.y = e.clientY;return false;}</script></head><body><div id="bankImages"><img alt="" src="images/wi23.jpg"><img alt="" src="images/wt06.jpg"><img alt="" src="images/wt47.jpg"><img alt="" src="images/wt16.jpg"><img alt="" src="images/wt43.jpg"><img alt="" src="images/wt19.jpg"><img alt="" src="images/wt27.jpg"><img alt="" src="images/wt46.jpg"><img alt="" src="images/wt14.jpg"><img alt="" src="images/wt21.jpg"><img alt="" src="images/wt35.jpg"><img alt="" src="images/wt48.jpg"><img alt="" src="images/wt55.jpg"><img alt="" src="images/wt40.jpg"><img alt="" src="images/wt53.jpg"><img alt="" src="images/wt25.jpg"></div><script type="text/javascript">/* ==== start script ==== */onresize = tv.resize;tv.init();</script></body></html>效果图。
dreamweaver常用代码。
1.控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显--------------------------------------------------------------------------------2.表格变色<TDstyle="CURSOR: hand">--------------------------------------------------------------------------------3.禁止复制,鼠标拖动选取<body ondragstart=window.event.returnValue=falseoncontextmenu=window.event.returnValue=falseonselectstart=event.returnValue=false>--------------------------------------------------------------------------------4.普通iframe页面<iframe name="name" src="/Web/main.htm" width="450"height="287" scrolling="Auto" frameborder="0"></iframe>--------------------------------------------------------------------------------5.iframe自适应高度<iframe name="pindex" src="/Web/index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="/Web/favicon.ico"><link rel="Bookmark" href="/Web/favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。
DW常用代码
dw中常用的特效代码参考:/1.让浏览器窗口永远都不出现滚动条。
〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉或〈body scroll=no〉没有水平滚动条〈body style="overflow-x:hidden"〉没有垂直滚动条〈body style="overflow-y:hidden"〉2,如何给图片抖动怎做的.〈SCRIPT language=javascript1.2〉〈!--var rector=2var stopit=0var a=1var count=0function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}function rattleimage(){if ((!document.all&&!document.getElementById)||stopit==1||count==100)returncount++if (a==1){shake.style.top=parseInt(shake.style.top)+rector}else if (a==2){shake.style.left=parseInt(shake.style.left)+rector}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector}if (a〈4)a++elsea=1setTimeout("rattleimage()",50)}function stoprattle(which){stopit=1count=0which.style.left=0which.style.top=0}//--〉〈/SCRIPT〉〈style〉.shakeimage {POSITION: relative}〈/style〉〈img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage()class=shakeimage〉4,在DW如何给水平线加颜色。
dreamweaver常用的代码
网页的HTML基本代码贴图:<img src="图片地址">; 加入连接:<a href="所要连接的相关地址">写上你想写的字</a>;在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>;移动字体(走马灯):<marquee>写上你想写的字</marquee>; 字体加粗:<b>写上你想写的字</b>字体斜体:<i>写上你想写的字</i>; 字体下划线: <u>写上你想写的字</u>;字体删除线: <s>写上你想写的字</s>;字体加大: <big>写上你想写的字</big>;字体控制大小:<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大,h5最小);更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间;消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>;贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>;贴flash: <embed src="flash地址" width="宽度" height="高度">;贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>;换行:<br>; 段落:<p>段落</p>;原始文字样式:<pre>正文</pre>;换帖子背景:<body background="背景图片地址">; 固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>;定制帖子背景颜色:<body bgcolor="#value">(value值见10); 帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>; 贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>以下代码是让滚动文字字幕的代码:<marquee scrollamount=3 direction=up height=50><center><font face=黑体color=blue size=5><b>文字一<br><br>文字二<br><br>文字三<br><br>文字四<br><br>文字五</b></font> <br><br></center></marquee><marquee >里面的参数修改一下,效果将不一样,这里仅提醒一下direction参数,可以改为向下(down)、向左(left)和向右(right)。
Dreamweaver网页设计代码大全
Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编整理分享:< !> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =font-size:100 px>...</font>无限增大<!>区断标记<hr>水平线<hr size=9>水平线(设定大小)<hr width=80%>水平线(设定宽度)<hr color=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=地址>(预设好连结路径)<a href=地址></a>外部连结<a href=地址target=_blank></a>外部连结(另开新窗口)<a href=地址target=_top></a>外部连结(全窗口连结)<a href=地址target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片地址>贴图<img src=图片地址width=180>设定图片宽度<img src=图片地址height=30>设定图片高度<img src=图片地址alt=提示文字>设定图片提示文字<img src=图片地址border=1>设定图片边框<bgsound src=MID音乐文件地址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)<!>分割窗口<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架< 分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 批注感谢下载!欢迎您的下载,资料仅供参考。
Dreamweaver网页动态特效教程
Dreamweaver网页动态特效教程一、介绍Dreamweaver是一款强大的网页制作软件,其丰富的特效功能使得网页设计更加生动和具有吸引力。
本教程将介绍Dreamweaver中动态特效的应用,帮助读者快速制作出令人惊艳的网页动画效果。
二、背景知识在学习动态特效之前,有些基本知识是必要的。
首先,要了解网页中的HTML、CSS和Javascript三者之间的关系和作用。
这三个标准技术在网页设计中起到至关重要的作用。
其次,对于动态特效的实现需要掌握基本的CSS和Javascript知识,包括选择器、属性和方法等。
三、基本动态特效1. 图片轮播图片轮播效果在网页设计中非常常见,可以使网页变得更有吸引力。
在Dreamweaver中,使用Javascript的代码可以实现简单的轮播功能。
可以通过设置延时函数和计时器实现图片的自动切换,或者通过点击事件改变展示图片。
2. 导航动画网页导航条是用户浏览网站的重要组成部分,为了使导航更吸引眼球,可以通过动画效果提升用户体验。
在Dreamweaver中,可以通过设置CSS的过渡和动画属性来实现导航栏的动态效果,比如菜单项的放大、颜色渐变等。
四、高级动态特效1. 视差滚动效果视差滚动效果是一种通过不同层级元素的滚动速度差异来创建的效果,使得页面的深度和立体感更加突出。
在Dreamweaver中,可以通过使用CSS和Javascript的组合来实现这一效果。
通过控制元素的滚动速度和位置,可以使页面中的元素具有立体感,并且引导用户的注意力。
2. 瀑布流布局瀑布流布局是一种网页设计中常用的动态效果,常用于图片墙等场景。
在Dreamweaver中,可以通过CSS和Javascript结合来实现瀑布流布局。
通过计算每个元素的位置和高度,动态调整元素的位置,实现瀑布流效果。
五、实际案例为了更好地理解动态特效的应用,下面以一个实际案例来说明。
假设我们要制作一个产品展示页面,页面包含多张产品图片和文字描述。
Dreamweaver网页设计代码大全
Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编整理分享:< !> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =font-size:100 px>...</font>无限增大<!>区断标记<hr>水平线<hr size=9>水平线(设定大小)<hr width=80%>水平线(设定宽度)<hr color=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=地址>(预设好连结路径)<a href=地址></a>外部连结<a href=地址target=_blank></a>外部连结(另开新窗口)<a href=地址target=_top></a>外部连结(全窗口连结)<a href=地址target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片地址>贴图<img src=图片地址width=180>设定图片宽度<img src=图片地址height=30>设定图片高度<img src=图片地址alt=提示文字>设定图片提示文字<img src=图片地址border=1>设定图片边框<bgsound src=MID音乐文件地址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)<!>分割窗口<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架< 分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 批注。
Dreamweaver代码大全
Dreamweaver代码大全2010-11-10 17:09html文档示例:<html><head><title>标题<title></head><body>……….文件内容……….</body></html>html标签范例:<头标签>内容<尾标签>1.文件标题<title>……….</title>2.文件更新–<meta>【1】10秒后自动更新一次<meta http-equiv=”refresh”content=10>【2】10秒后自动连结到另一文件<meta http-equiv=”refresh”content=10>3.查询用表单–<isindex>若欲设定查询栏位前的提示文字:<isindex prompt=”提示文字”>4.预设的基准路径–<base><base href=”放置文件的主机之URL”>版面1.标题文字<h#>……….</h#>#=1~6;h1为最大字,h6为最小字2.字体变化<font>……….</font>【1】字体大小<font size=#>……….</font>#=1~7;数字愈大字也愈大【2】指定字型<font face=”字型名称”>……….</font>【3】文字颜色<font color=#rrggbb>……….</font>rr:表红色(red)色码gg:表绿色(gree3.显示小字体<small>……….</small>4.显示大字体<big>……….</big>5.粗体字<b>……….</b>6.斜体字<i>……….</i>7.打字机字体<tt>……….</tt>8.底线<u>……….</u>9.删除线<strike>……….</strike>10.下标字<sub>……….</sub>11.上标字<sup>……….</sup>12.文字闪烁效果<blink>……….</blink>13.换行<br>14.分段<p>15.文字的对齐方向<p align=”#”> #号可为 left:表向左对齐(预设值)center:表向中对齐 right:表向右对齐 P.S.<p align=”#”>之后的文字都会以所设的对齐方式显示,直到出现另一个<p align=”#”>改变其对齐方向,或遇到<hr>ⅱ<h#>标签时会自动设回预设的向左对齐。
【免费下载】常用的网页特效代码
var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-200 }
} function www_helpor_net___Mousetrace(evnt) { if (www_helpor_net__ns4) {if (evnt.pageX) {www_helpor_net___ml=evnt.pageX; w else{ www_helpor_net___ml=(event.clientX + document.body. www_helpor_net___mt=(event.clientY + document.body. } if (www_helpor_net___tracescript)eval(www_helpor_ne } </script>
6.接触链接自动打开窗口
说明 鼠标放到链接上,就立刻弹出警告框 效果 试试
<a href="" onMouseOver="alert('你好!\n\n本站域名:ht
代码
7.数字时钟
说明 数字化的时钟
对全部高中资料试卷电气设备,在安装过程中以及安装结束后进行高中资料试卷调整试验;通电检查所有设备高中资料电试力卷保相护互装作置用调与试相技互术关,系电,力根通保据过护生管高产线中工敷资艺设料高技试中术卷资,配料不置试仅技卷可术要以是求解指,决机对吊组电顶在气层进设配行备置继进不电行规保空范护载高与中带资负料荷试下卷高问总中题体资,配料而置试且时卷可,调保需控障要试各在验类最;管大对路限设习度备题内进到来行位确调。保整在机使管组其路高在敷中正设资常过料工程试况中卷下,安与要全过加,度强并工看且作护尽下关可都于能可管地以路缩正高小常中故工资障作料高;试中对卷资于连料继接试电管卷保口破护处坏进理范行高围整中,核资或对料者定试对值卷某,弯些审扁异核度常与固高校定中对盒资图位料纸置试,.卷保编工护写况层复进防杂行腐设自跨备动接与处地装理线置,弯高尤曲中其半资要径料避标试免高卷错等调误,试高要方中求案资技,料术编试交写5、卷底重电保。要气护管设设装线备备置敷4高、调动设中电试作技资气高,术料课中并3中试、件资且包卷管中料拒含试路调试绝线验敷试卷动槽方设技作、案技术,管以术来架及避等系免多统不项启必方动要式方高,案中为;资解对料决整试高套卷中启突语动然文过停电程机气中。课高因件中此中资,管料电壁试力薄卷高、电中接气资口设料不备试严进卷等行保问调护题试装,工置合作调理并试利且技用进术管行,线过要敷关求设运电技行力术高保。中护线资装缆料置敷试做设卷到原技准则术确:指灵在导活分。。线对对盒于于处调差,试动当过保不程护同中装电高置压中高回资中路料资交试料叉卷试时技卷,术调应问试采题技用,术金作是属为指隔调发板试电进人机行员一隔,变开需压处要器理在组;事在同前发一掌生线握内槽图部内 纸故,资障强料时电、,回设需路备要须制进同造行时厂外切家部断出电习具源题高高电中中源资资,料料线试试缆卷卷敷试切设验除完报从毕告而,与采要相用进关高行技中检术资查资料和料试检,卷测并主处且要理了保。解护现装场置设。备高中资料试卷布置情况与有关高中资料试卷电气系统接线等情况,然后根据规范与规程规定,制定设备调试高中资料试卷方案。
dreamweaver经典网页特效及网页代码设计技巧系列之---文字跳舞效果
dreamweaver 经典网页特效及网页代码设计技巧系列之---文字跳舞效果脚本说明:第一步:把如下代码加入<body>区域中<SCRIPTlanguage=JavaScript><!--functionMM_reloadPage(init) {if (init==true) with(navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth;document.MM_pgH=innerHeight;onresize=MM_reloadPage; }}else if(innerWidth!=document.MM_pgW ||innerHeight!=document.MM_pgH)location.reload(); }MM_reloadPage(true); // --></SCRIPT><SCRIPTlanguage=JavaScript><!--functionMM_timelinePlay(tmLnName, myID) {vari,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firs tTime=false;if (document.MM_Time == null)MM_initTimelines(); tmLn =document.MM_Time[tmLnName];if (myID == null) { myID = ++tmLn.ID; firstTime=true;} if (myID == tmLn.ID){setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);fNew =++tmLn.curFrame; for (i=0;i<tmLn.length; i++) {sprite = tmLn[i];if (sprite.charAt(0) == 's') {if (sprite.obj) { numKeyFr =sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0]; if (fNew >=firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {keyFrm=1;for (j=0;j<sprite.values.length; j++) {props =sprite.values[j]; if (numKeyFr != props.length) { if (props.prop2 == null)sprite.obj[props.prop] =props[fNew-firstKeyFr];elsesprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];} else {while(keyFrm<numKeyFr &&fNew>=sprite.keyFrames[keyFrm])keyFrm++;if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) { if (props.prop2 == null)sprite.obj[props.prop] =props[keyFrm-1];elsesprite.obj[props.prop2][props.prop] = props[keyFrm-1]; } } } } } } else if(sprite.charAt(0)=='b' && fNew ==sprite.frame)eval(sprite.value); if (fNew >stFrame) tmLn.ID = 0; } }}functionMM_timelineGoto(tmLnName, fNew, numGotos) {vari,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,t heObj; if (document.MM_Time == null)MM_initTimelines(); tmLn =document.MM_Time[tmLnName];if (numGotos != null)if (tmLn.gotoCount == null)tmLn.gotoCount = 1; else if(tmLn.gotoCount++ >= numGotos){tmLn.gotoCount=0; return}jmpFwd = (fNew > tmLn.curFrame); for (i = 0; i <tmLn.length; i++) { sprite = (jmpFwd)? tmLn[i] :tmLn[(tmLn.length-1)-i];if (sprite.charAt(0) == "s") {numKeyFr =sprite.keyFrames.length;firstKeyFr =sprite.keyFrames[0]; lastKeyFr =sprite.keyFrames[numKeyFr - 1];if ((jmpFwd &&fNew<firstKeyFr) || (!jmpFwd &&lastKeyFr<fNew)) continue;for (keyFrm=1;keyFrm<numKeyFr &&fNew>=sprite.keyFrames[keyFrm];keyFrm++);for (j=0;j<sprite.values.length; j++) {props =sprite.values[j]; if (numKeyFr == props.length)propNum = keyFrm-1else propNum =Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); if (sprite.obj != null) {if (props.prop2 == null)sprite.obj[props.prop] = props[propNum]; elsesprite.obj[props.prop2][props.prop] = props[propNum]; } } } else if(sprite.charAt(0)=='b' && fNew ==sprite.frame)eval(sprite.value); }tmLn.curFrame = fNew;if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');}functionMM_initTimelines() { //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.var ns =navigator.appName == "Netscape";document.MM_Time = new Array(1);document.MM_Time[0] = new Array(8);document.MM_Time["Timeline1"] =document.MM_Time[0]; document.MM_Time[0].MM_Name ="Timeline1";document.MM_Time[0].fps = 10;document.MM_Time[0][0] = newString("sprite"); document.MM_Time[0][0].slot = 1;if (ns)document.MM_Time[0][0].obj =document["Layer1"]; elsedocument.MM_Time[0][0].obj =document.all ?document.all["Layer1"] : null;document.MM_Time[0][0].keyFrames = new Array(2, 6, 9, 12, 15,18);document.MM_Time[0][0].values = new Array(4);document.MM_Time[0][0].values[0] = newArray(263,264,265,266,268,268,268,268,271,272,273,270,268,266,265,264,26 3); document.MM_Time[0][0].values[0].prop = "left";document.MM_Time[0][0].values[1] = newArray(101,95,89,82,76,87,98,108,100,93,86,91,96,100,102,104,106);document.MM_Time[0][0].values[1].prop = "top";if (!ns) {document.MM_Time[0][0].values[0].prop2 = "style";document.MM_Time[0][0].values[1].prop2 = "style";}document.MM_Time[0][0].values[2] = new Array(58,54,50,46,43,33,24,15,20,25,31,36,41,47,48,49,50);document.MM_Time[0][0].values[2].prop = "width";if (!ns)document.MM_Time[0][0].values[2].prop2 = "style";document.MM_Time[0][0].values[3] = newArray(52,51,50,49,48,46,44,42,43,44,45,46,47,49,48,47,47); document.MM_Time[0][0].values[3].prop = "height";if (!ns)document.MM_Time[0][0].values[3].prop2 = "style";document.MM_Time[0][1] = newString("sprite"); document.MM_Time[0][1].slot = 2;if (ns)document.MM_Time[0][1].obj =document["Layer2"]; elsedocument.MM_Time[0][1].obj =document.all ?document.all["Layer2"] : null;document.MM_Time[0][1].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][1].values = new Array(2);document.MM_Time[0][1].values[0] = newArray(323,323,322,322,322,322,322,323,324,326,328,326,324,322,322,322,32 3); document.MM_Time[0][1].values[0].prop = "left";document.MM_Time[0][1].values[1] = new Array(126,120,115,111,110,111,111,111,108,105,101,105,109,113,117,122,126); document.MM_Time[0][1].values[1].prop = "top";if (!ns) {document.MM_Time[0][1].values[0].prop2 = "style";document.MM_Time[0][1].values[1].prop2 = "style";}document.MM_Time[0][2] = newString("sprite"); document.MM_Time[0][2].slot = 3;if (ns)document.MM_Time[0][2].obj =document["Layer4"]; elsedocument.MM_Time[0][2].obj =document.all ?document.all["Layer4"] : null;document.MM_Time[0][2].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][2].values = new Array(3);document.MM_Time[0][2].values[0] = newArray(363,363,363,363,363,363,363,363,365,366,368,366,364,363,363,363,36 3); document.MM_Time[0][2].values[0].prop ="left";document.MM_Time[0][2].values[1] = newArray(131,123,115,107,113,119,125,131,122,111,101,113,124,131,131,131,13 1); document.MM_Time[0][2].values[1].prop = "top";if (!ns) {document.MM_Time[0][2].values[0].prop2 = "style";document.MM_Time[0][2].values[1].prop2 = "style";}document.MM_Time[0][2].values[2] = newArray(22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22); document.MM_Time[0][2].values[2].prop = "width";if (!ns)document.MM_Time[0][2].values[2].prop2 = "style";document.MM_Time[0][3] = newString("sprite");document.MM_Time[0][3].slot = 4;if (ns)document.MM_Time[0][3].obj =document["Layer5"]; elsedocument.MM_Time[0][3].obj =document.all ?document.all["Layer5"] : null;document.MM_Time[0][3].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][3].values = new Array(2);document.MM_Time[0][3].values[0] = new Array(388,390,391,393,392,391,390,388,390,394,398,397,395,393,390,389,388); document.MM_Time[0][3].values[0].prop = "left";document.MM_Time[0][3].values[1] = newArray(131,128,124,121,124,126,129,131,119,103,86,105,122, 136,137,134,131); document.MM_Time[0][3].values[1].prop = "top";if (!ns) {document.MM_Time[0][3].values[0].prop2 = "style";document.MM_Time[0][3].values[1].prop2 = "style";}document.MM_Time[0][4] = newString("sprite"); document.MM_Time[0][4].slot = 5;if (ns)document.MM_Time[0][4].obj =document["Layer6"]; elsedocument.MM_Time[0][4].obj =document.all ?document.all["Layer6"] : null;document.MM_Time[0][4].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][4].values = newArray(2);document.MM_Time[0][4].values[0] = newArray(413,413,413,413,413,413,413,413,415,416,418,416,414,413,413,413,41 3); document.MM_Time[0][4].values[0].prop = "left";document.MM_Time[0][4].values[1] = newArray(131,124,118,111,116,120,125,131,119,105,91,107,121,131,131,131,131 ); document.MM_Time[0][4].values[1].prop = "top";if (!ns) {document.MM_Time[0][4].values[0].prop2= "style";document.MM_Time[0][4].values[1].prop2 = "style";}document.MM_Time[0][5] = newString("sprite"); document.MM_Time[0][5].slot = 6;if (ns)document.MM_Time[0][5].obj =document["Layer7"]; elsedocument.MM_Time[0][5].obj =document.all ?document.all["Layer7"] : null;document.MM_Time[0][5].keyFrames = newArray(2, 5, 9, 12, 15, 18);document.MM_Time[0][5].values = new Array(2);document.MM_Time[0][5].values[0] = newArray(433,433,433,433,434,436,437,438,435,432,428,427,427,428,430,431,43 3);document.MM_Time[0][5].values[0].prop = "left";document.MM_Time[0][5].values[1] = newArray(131,131,131,131,128,125,120,116,118,120,121,117,112,106,114,122,13 1); document.MM_Time[0][5].values[1].prop ="top";if (!ns) {document.MM_Time[0][5].values[0].prop2 = "style";document.MM_Time[0][5].values[1].prop2 = "style";}document.MM_Time[0][6] = newString("behavior"); document.MM_Time[0][6].frame = 19;document.MM_Time[0][6].value ="MM_timelineGoto('Timeline1','1')"; document.MM_Time[0][7] = newString("sprite"); document.MM_Time[0][7].slot = 7;if (ns)document.MM_Time[0][7].obj =document["Layer3"]; elsedocument.MM_Time[0][7].obj =document.all ?document.all["Layer3"] : null;document.MM_Time[0][7].keyFrames = new Array(2, 5, 9, 13, 16, 18);document.MM_Time[0][7].values = new Array(4);document.MM_Time[0][7].values[0] = newArray(458,458,458,458,457,457,457,458,463,468,473,478,468,459,453,454,458);document.MM_Time[0][7].values[0].prop = "left";document.MM_Time[0][7].values[1] = newArray(101,98,94,91,93,96,99,101,95,88,80,71,77,85,91,97,101);document.MM_Time[0][7].values[1].prop = "top";if (!ns) {document.MM_Time[0][7].values[0].prop2 = "style";document.MM_Time[0][7].values[1].prop2 = "style";}document.MM_Time[0][7].values[2] = newArray(31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31);document.MM_Time[0][7].values[2].prop = "width";if (!ns)document.MM_Time[0][7].values[2].prop2= "style";document.MM_Time[0][7].values[3] = newArray(42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42); document.MM_Time[0][7].values[3].prop = "height";if (!ns)document.MM_Time[0][7].values[3].prop2 = "style";document.MM_Time[0].lastFrame = 19; for (i=0;i<document.MM_Time.length; i++) {document.MM_Time[i].ID = null;document.MM_Time[i].curFrame = 0;document.MM_Time[i].delay =1000/document.MM_Time[i].fps;}}//--></SCRIPT><DIV id=Layer1 style="Z-INDEX: 1; LEFT: 264px; WIDTH: 58px; POSITION:absolute; TOP: 86px; HEIGHT: 52px"><FONT face=隶书color=#ff3333size=7>网</FONT></DIV><DIV id=Layer2style="Z-INDEX: 2; LEFT: 324px; WIDTH: 36px; POSITION: absolute; TOP: 112px; HEIGHT: 27px"><FONT face=隶书size=4><fontcolor="#336600"size="5">页</font></FONT></DIV><DIV id=Layer4style="Z-INDEX: 4; LEFT: 363px; WIDTH:25px; POSITION:absolute; TOP: 116px; HEIGHT: 22px"><FONT face=隶书size=4><fontcolor="#FFFF00">制</font></FONT></DIV><DIV id=Layer5style="Z-INDEX: 5; LEFT: 388px; WIDTH:1px; POSITION:absolute; TOP: 116px; HEIGHT: 1px"><FONT face=隶书size=4><FONTcolor=#ff33ff>作</FONT></FONT></DIV><DIV id=Layer6 style="Z-INDEX: 6; LEFT: 408px; WIDTH: 18px; POSITION:absolute; TOP: 116px; HEIGHT: 12px"><FONT face=隶书size=4><fontcolor="#0000CC">特</font></FONT></DIV><DIV id=Layer7style="Z-INDEX: 7; LEFT: 428px; WIDTH:21px; POSITION:absolute; TOP: 116px; HEIGHT: 15px"><FONT face=隶书size=4><fontcolor="#FF6633">效</font></FONT></DIV><DIV id=Layer3style="Z-INDEX: 8; LEFT: 453px; WIDTH:31px; POSITION: absolute; TOP: 91px; HEIGHT:42px"><B><FONT color=#00ff00size=+5><I><font color="#009900">~</font></I></FONT></B></DIV>第二步:把<body>中的内容改为:<bodybgcolor="#fef4d9" onload="MM_timelinePlay('Timeline1')">。
Dreamweaver代码大全DW常用代码
Dreamweaver 代码大全 Dreamweaver 代码基本结构标签: <HTML>,表示该文件为HTML 文件<HEAD>,包含文件的标题,使用的脚本,样式定义等<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志 </HTML>,<HTML>的结束标志其它主要标签,以下所有标志用在<BODY></BODY>中:<A,href="…"></A>,链接标志,"…"为链接的文件地址<IMG,src="…">,显示图片标志,"…"为图片的地址<BR>,换行标志、<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<TABLE></TABLE>,定义表格,HTML 中重要的标志<TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中<FONT></FONT>,字体样式标志例:属性 bgcolor="BLACK"表示背景色为黑色.引用属性的例子:`<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色;<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色.ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.ALIGN=RIGHT,右对齐.COLOR=#RRGGBB,前景色,参考色彩对照表.BGCOLOR=#RRGGBB,背景色.<center>表示绝对居中.(<table></table>表格标识的开始和结束.cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图<tr></tr>表格中一个表格行的开始和结束;<td></td>表格中行内一个单元格的开始和结束Colspan="",单元格跨越多列;:Rowspan="",单元格跨越多行;Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="";Border="",边框宽度;Bgcolor="",背景色;Bordercolor="",边框颜色;Bordercolorlight="",边框明亮面的颜色;Bordercolordark="",边框暗淡面的颜色;Cellpadding="",内容与边框的距离(默认为 2);;Cellspacing="",单元格间的距离(默认为 2);<br>强制换行<font></font>文本标识的开始和结束face=字体color=颜色<b></b>加粗文字标识的开始和结束style=font-size:40pt;,用样式表方式控制字体大小,这里是 40 点<div></div>,分区标识的开始和结束/align=|center|left|right|水平对齐方式<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒<P>段落标识,空格符,<img>贴图标识·Multiple,多选src=../../图片链接地址,贴图标识必备属性:style=filter:Alpha(opacity=100,style=2);filter:样式表滤镜;Alpha:透明滤镜,opacity:不透明度 100(0~100);style:样式 2(0~3),rules="none"不显示内框"<embed,src ="…">多媒体文件标识src="../../FILENAME",设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav 等音频,还可播放.swf 和.mov 等视 频. AUTOSTART=TRUE/FALSE,、是否要音乐文件传送完就自动播放,TRUE 是要,FALSE 是不要,默认为 FALSELOOP=,设定播放重复次数,LOOP=6 表示重复 6 次,true 或-1 为无限循环,false 为播放一次即停 止. STARTIME="分:秒",设定乐曲的开始播放时间,如 20 秒后播放写为 STARTIME=00:20VOLUME=0-100,设定音量的大小.如果没设定的话,就用系统的音量. WIDTH,HEIGHT,设定控制面板的大小,都设为 0 可隐藏播放器 HIDDEN=TRUE,隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE,-设定控制面板的样子,<bgsound,src ="…">,背景音乐标识,只能用于.wav 和.mp3 格式.LOOP=,设定播放重复次数,LOOP=6 表示重复 6 次,true 或-1 为无限循环,false 为播放一次即停 止. 表单标签:<form></form>表格标识的开始和结束,表单的内容都放在这里.下边的标签放在表单内:<select>下拉选择框<option></option></select><textarea></textarea>,大量文字输入的编辑块Cols="",行;Rows="",列;<input,type="text">,文本框<input,type="password">,密码框<input,type="submit">,提交按扭<input,type="checkbox">,复选框<input,type="radio">,单选框<input,type="reset">,重置按扭*<input,type="image">,图片按扭<input,type="hidden">,隐藏域<input,type="button">,按扭<input,type="file">,浏览文件Name="";Value=""Size=""<bgsound>,背景音乐;src=""~Loop="",循环次数;<embed>,媒体播放块;src=""Loop="",循环次数;<marquee></marquee>,滚动部分;Bgcolor=""Behavior,设置或获取文本如何在字幕中滚动.Direction="",滚动方向;Height=""Width=""Loop="",环次数;<!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示.<html></html>,创建一个 HTML 文档;<head></head>,设置文档标题和其它在网页中不显示的信息;<title></title>,设置文档的标题;<h1></h1>,最大的标题;<pre></pre>,预先格式化文本;<u></u>,下划线<b></b>,黑体字;。
