html特效代码大全精美免费下载

合集下载

HTML特效文字代码大全

HTML特效文字代码大全

HTML特效⽂字代码⼤全HTML特效⽂字代码⼤全⼀、从右向左移代码<marquee direction=left>需要移动的⽂字</marquee>⼆、从左向右移代码<marquee direction=right>需要移动的⽂字</marquee>三、⼀圈⼀圈绕着移动代码<marquee behavior=scroll>需要移动的⽂字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的⽂字</marquee>五、移⼀步,停⼀停代码<marquee scrolldelay=500scroll amount=100>需要移动的⽂字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的⽂字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marqueewidth="150"direction=right>需要移动的⽂字</marquee>⼋、从下向上移动代码<marquee direction=up><div align="center">需要移动的⽂字</div></marquee>例⼦1:<p12><marquee behavior="alternate"><marquee width="1550" direction=left>云南省⽯产业统计调查年报处理程序</marquee></p12>例⼦2:<p12><div align=center><marquee width=1600 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width=1600><div align=center>云南省⽯产业统计调查年报处理程序</div></marquee></div></marquee></div> </p12>原⽂链接:。

html特效代码大全精美免费下载

html特效代码大全精美免费下载

html特效代码大全精美免费下载.txt每天早上起床都要看一遍“福布斯”富翁排行榜,如果上面没有我的名字,我就去上班。

谈钱不伤感情,谈感情最他妈伤钱。

我诅咒你一辈子买方便面没有调料包。

HTML代码大全免费下载HTML特效代码1。

忽视右键<body oncontextmenu="return false">或<body style="overflow-y:hidden">2。

加入背景音乐IE:<bgsound src="*.mid" loop=infinite>NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>*.mid你的背景音乐的midi格式文件3。

简单的window.open方法<a href="#"onclick="javascript :window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片</a>参数解释:<SCRIPT LANGUAGE="javascript"> js脚本开始;window.open 弹出新窗口的命令;文件路径/文件名弹出窗口的文件名;newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;width=400 窗口宽度;height=300 窗口高度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示;menubar,scrollbars 表示菜单栏和滚动栏。

网页设计特效代码大全

网页设计特效代码大全

style type="text/css">.star {position:absolute;layer-background-color:white;visibility:visible;top:-50px;width:50px;height:50px;font-size:1px;background-color:white;}</style><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar starnum = 175; // Number of starsvar isNS = (yers);var _all = (isNS)? '' : 'all.';var _style = (isNS) ? '' : '.style';var xoffset, yoffset, w_x, w_y, tmpx, tmpy, scrlx, scrly; function getstartpos(obj) {obj.deltay = Math.floor(Math.random() * 12);obj.deltax = Math.floor(Math.random() * 12);obj.xdir = (Math.floor(Math.random() * 2) == 1) ? '+' : '-'; obj.ydir = (Math.floor(Math.random() * 2) == 1) ? '+' : '-'; obj.counter = 1;if (isNS) {obj.clip.width = 1;obj.clip.height = 1;obj.moveTo(xoffset+pageXOffset, yoffset+pageYOffset); } else {obj.width = 1;obj.height = 1;obj.pixelTop = yoffset+document.body.scrollTop;obj.pixelLeft = xoffset+document.body.scrollLeft;}}function movestar(starN) {tmpx = starN.deltax*starN.counter+starN.counter;tmpy = starN.deltay*starN.counter+starN.counter;if (isNS) {starN.clip.width = starN.counter / 3;starN.clip.height = starN.counter / 3;scrlx = pageXOffset;scrly = pageYOffset;if ((starN.left+tmpx >= w_x+scrlx) || (starN.top+tmpy >= w_y+scrly) || (starN.left-tmpx <= scrlx) || (starN.top-tmpy <= scrly)) {getstartpos(starN);} else {eval('starN.moveBy('+starN.xdir+tmpx+', '+starN.ydir+tmpy+')');}} else {starN.width = starN.counter/3;starN.height = starN.counter/3;scrlx = document.body.scrollLeft;scrly = document.body.scrollTop;if ((starN.pixelLeft+tmpx >= w_x+scrlx)||(starN.pixelTop+tmpy >= w_y+scrly) || (starN.pixelLeft-tmpx <= scrlx)||(starN.pixelTop-tmpy <= scrly)) {getstartpos(starN);} else {eval('starN.pixelTop'+starN.ydir+'=tmpy');eval('starN.pixelLeft'+starN.xdir+'=tmpx');}}starN.counter++;}function animate() {for(i=1; i <= starnum; i++) {movestar(eval('star'+i));}setTimeout('animate()', 100);}function findwindowparams() {w_x = (isNS) ? window.innerWidth : document.body.clientWidth;w_y = (isNS) ? window.innerHeight : document.body.clientHeight;xoffset = w_x / 2;yoffset = w_y / 2;for (i = 1; i <= starnum; i++) {getstartpos(eval('star'+i));}}function resizeNS() {setTimeout('document.location.reload()', 400);}(isNS) ? window.onresize = resizeNS : window.onresize = findwindowparams;window.onload = new Function("findwindowparams(); animate();");// End --></script>第二步:把<body>中加入如下代码:<SCRIPT LANGUAGE="JavaScript"><!-- Beginfor (i = 1; i <= starnum; i++) {document.writeln('<div id="star'+i+'" class="star"></div>'); eval('var star'+i+'=document.'+_all+'star'+i+_style);}// End --></script><html><head><title>滑动导航菜单</title></head><body><!--将以下代码加入HTML的<Body></Body>之间--><style><!--#ssm2 A {color:black;text-decoration:none;font-size:12;font-family:verdana;}#ssm2 A:hover {color:red;}--></style><script language="JavaScript1.2">function MM_displayStatusMsg(msgStr) {status=msgStr;document.MM_returnValue = true;function highlight(x){document.forms[x].elements[0].focus()document.forms[x].elements[0].select()}function MM_jumpMenu(targ,selObj,restore){eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0;}var NSIE=document.all;NS=yers;hdrFontFamily="Verdana";hdrFontSize="2";hdrFontColor="white";hdrBGColor="#666666";linkFontFamily="Verdana";linkFontSize="2";linkBGColor="white";linkOverBGColor="#CCCCCC";linkTarget="_top";YOffset=60;staticYOffset=20;menuBGColor="black";menuIsStatic="no";menuHeader="欢迎光临"menuWidth=150; // Must be a multiple of 5!staticMode="advanced"barBGColor="#1298fd";barFontFamily="Verdana";barFontSize="2";barFontColor="white";barText="导航菜单"function moveOut() {if (window.cancel) {cancel="";}if (window.moving2) {clearTimeout(moving2);moving2="";}if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {if (IE) {ssm2.style.pixelLeft += (5%menuWidth);}if (NS) {document.ssm2.left += (5%menuWidth);}moving1 = setTimeout('moveOut()', 5)}else {clearTimeout(moving1)}};function moveBack() {cancel = moveBack1()}function moveBack1() {if (window.moving1) {clearTimeout(moving1)}if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) { if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);}if (NS) {document.ssm2.left -= (5%menuWidth);}moving2 = setTimeout('moveBack1()', 5)}else {clearTimeout(moving2)}};lastY = 0;function makeStatic(mode) {if (IE) {winY = document.body.scrollTop;var NM=ssm2.style}if (NS) {winY = window.pageYOffset;var NM=document.ssm2}if (mode=="smooth") {if ((IE||NS) && winY!=lastY) {smooth = .2 * (winY - lastY);if(smooth > 0) smooth = Math.ceil(smooth);else smooth = Math.floor(smooth);if (IE) NM.pixelTop+=smooth;if (NS) NM.top+=smooth;lastY = lastY+smooth;}setTimeout('makeStatic("smooth")', 1)}else if (mode=="advanced") {if ((IE||NS) && winY>YOffset-staticYOffset) {if (IE) {NM.pixelTop=winY+staticYOffset}if (NS) {NM.top=winY+staticYOffset}}else {if (IE) {NM.pixelTop=YOffset}if (NS) {NM.top=YOffset-7}}setTimeout('makeStatic("advanced")', 1)}}function init() {if (IE) {ssm2.style.pixelLeft = -menuWidth;ssm2.style.visibility = "visible"}else if (NS) {document.ssm2.left = -menuWidth;document.ssm2.visibility = "show"}else {alert('Choose either the "smooth" or "advanced" static modes!') }}function MM_displayStatusMsg(msgStr) {status=msgStr;document.MM_returnValue = true;}</script><script language="JavaScript1.2">if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}tempBar=""for (i=0;i<barText.length;i++) {tempBar+=barText.substring(i, i+1)+"<BR>"}document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')function addItem(text, link, target) {if (!target) {target=linkTarget}document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'"onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYERonmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}function addHdr(text) {document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}addItem("广宇软件", "", "");addItem("天空下载", "", "");addHdr('友情连接');addItem("大富翁论坛", "", "");addItem("Codelphi", "", "");addItem("中国软件", "", "");document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')if (IE) {document.write('</DIV>')}if (NS) {document.write('</LAYER>')}if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}</script><script> window.onload=init </script></body></html>动态文字中国素材网 2005-3-31 13:23:06 流量数:--------------------------------------------------------------------------------动态文字[查看演示] 源码如下----------------------------------------------------------------------------------------<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>New Page 1-</title><style><!--div { font-family: Tahoma }--></style></head><body onload="startmotor(0)"><script language="JavaScript1.2">/*Shock Wave Text script- By ejl@Submitted to and featured on Dynamic Drive ()For full source code, usage terms, and 100's more DHTML scripts, visit */var size = 25;var speed_between_messages=1500 //in milisecondsvar tekst = new Array(){tekst[0] = "Shock Wave text @ "; tekst[1] = "Here you can type anything you want"; tekst[2] = "You can change the size";tekst[3] = "And you can change the speed";}var klaar = 0;var s = 0;var veran =0;var tel = 0;function bereken(i,Lengte){return (size*Math.abs( Math.sin(i/(Lengte/3.14))) ); }function motor(p){var output = "";for(w = 0;w < tekst[s].length - klaar+1; w++){q = bereken(w/2 + p,16);if (q > size - 0.5){klaar++;}if (q < 5){tel++;if (tel > 1){tel = 0;if (veran == 1){veran = 0;s++;if ( s == tekst.length){s = 0;}p = 0;if (window.loop){clearInterval(loop)}loop = motor();}}}output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";}for(k=w;k<klaar+w;k++){output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";}idee.innerHTML = output;}function startmotor(p){if (!document.all)returnvar loop = motor(p);if (window.time){clearInterval(time)}if (klaar == tekst[s].length){klaar = 0;veran = 1;tel = 0;var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);}else{var time =setTimeout("startmotor(" +(p+1) + ")", 50);}}</script><div ID="idee"></div></body></html><div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"><input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> ----------------------------------------------------------------------------------------。

Html代码大全1

Html代码大全1

Html代码大全(最新)桌面鼠标右键——新建文本文档——文件——另存为(1.以.html为结尾的文件2.所有文件3.unicode)——桌面出现超文本文件打开浏览器----查看网页源文件----有一个html代码。

以下字母中没斜杠“/”的代表开头,有斜杠“/”代表结束所有代码有开头就有结尾一.代码静态页面:<html> </html>头部: <head> </head>标题: <title> </title>正文: <body> </body>表格: <table> </table>行 :<tr> </tr>列 :<td> </td>跑马灯:<marquee> </marquee>.方向:<direction> </direction>加粗:<b> </b>斜体:<i> </i>下划线:<ins> </ins>中划线: <del> </del>超链接:<a> </a>图片:<img> 图片没有结束字体:<font> </font>跑马灯:<marquee> </marquee>换行:<br> 没有结束层: <div> </div>字体大小: size颜色: color高度:height 宽度:width水平:align 居中:center 左边:left右边:right 上边:up 下边:down 关键词:keywords 描述:description 路径:src 红色:red 蓝色:blue 黄色:yellow绿色:green 黑色:black 红绿蓝:RGB样式表: css 标签:meta 对象:object超链接:a href 新开窗口:target="_blank"图路径片:img src 描述: alt边框:border 边框背景颜色:bgcolor边框颜色:bordercolor 空格(两空一字):&nbsp;方向:direction 速度:scrollamount鼠标移动到目标上方时停止移动:onmouseover='this.stop()'鼠标从目标上方移开时开始移动:onmouseout='this.start()'填充:padding 行高:line-height二.分析代码表格:<table border="5" bordercolor=”red” bgcolor= “blue ”width="500" height="100" >(表格)(边框) (边框颜色) (红色) (边框背景颜色)(蓝色)(宽度)(高度)字体:<font color=”red”size=”10” >(字体)(颜色)(红色)(字体大小)(10)列:<td align="center">(列)(水平)(居中)跑马灯:<marquee direction="left" scrollamount="5" scrolldelay="5"onmouseover='this.stop()'onmouseout='this.start()'>(跑马灯)(方向)(左)(滚动速度)(等待时间)(鼠标停止)(鼠标跑动)超链接:<a href="" target="_blank">(超链接)(网址)(新开窗口)图片:<img src="123.jpg" alt="般若设计" width="100" height="100">(图片路径)(图片的名称)(描述)(图片描述)(图片宽度)(图片高度)style="padding:10px 20px 10px20px;line-height:20pt" ::表格里的字上下:10px左右:20px的距离..行与行间的距离为20pt.Float浮动 margin 边沿Style 样式 text-align:right:文章内容靠右边Taxt-align:center 文字水平居中Copyright:版权所有 line-height:行距Style=”line-height:20px:空行在Embed:嵌入 conthols:控制 loop循环 Autostart:自动启动#ffffff:白色 #000000:黑色附加内容:<! #include file=”文件名称.asp”><top>=头部 < bottom> =尾部 index=<首页文件> 我们可以通过FTP软件链接服务器,依次可以从服务器拖出这三个文件夹,依次可以修改关键词描述标题<title>=标题 <description>=描述 <keywords>=关键词这三个单词就是搜索引擎很重视的地方,必须要体现关键词。

HTML代码大全

HTML代码大全

<><> 创建一个文档<><> 设置文档标题和其它在网页中不显示地信息<><> 设置文档地标题<><> 最大地标题<><> 预先格式化文本<><> 下划线<><> 黑体字<><> 斜体字<><> 打字机风格地字体<><> 引用,通常是斜体<><> 强调文本(通常是斜体加黑体)<><> 加重文本(通常是斜体加黑体)< "" ""><> 设置字体大小从到,颜色使用名字或地十六进制值<><> 基准字体标记<><> 字体加大<><> 字体缩小<><> 加删除线<><> 程式码<><> 键盘字<><> 范例<><> 变量<><> 向右缩排<><> 述语定义<><> 地址标记<><> 上标字<><> 下标字<>...<>固定寬度字体(在文件中空白、換行、定位功能有效)<>...<>固定寬度字體(不執行標記符號)<>...<> 固定寬度小字體< >...<>字體顏色< >...<>最小字體< " ">...<>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<><> 创建一个段落< ""> 将段落按左、中、右对齐<>换行插入一个回车换行符<><> 从两边缩进文本<><> 定义列表<> 放在每个定义术语词前<> 放在每个定义之前<><> 创建一个标有数字地列表<><> 创建一个标有圆点地列表<> 放在每个列表项之前,若在<><>之间则每个列表项加上一个数字,若在<><>之间则每个列表项加上一个圆点< ""><> 用来排版大块段落,也用于格式化表<> 选项清单<> 目录清单<><> 强行不换行< "" "" "">水平線(設定寬度)<><> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆< ""><> 创建超文本链接< ""><> 创建自动发送电子邮件地链接< ""><> 创建位于文档内部地书签< ""><> 创建指向位于文档内部书签地链接<> 文档中不能被该站点辨识地其它所有链接源地<> 定义一个链接和源之间地相互关系◆◆◆◆◆◆◆◆链接标记注解:◆◆◆◆◆◆◆◆◆◆◆◆◆"..."决定链接源在什么地方显示(用户自定义地名字,◆"..."发送链接地类型◆"..."保存链接地类型◆"..."指定该元素地热键◆"..."允许我们使用已定义地形状定义客户端地图形镜像(,,,◆"..."使用像素或者长度百分比来定义形状地尺寸◆"..."使用定义过地元素设置在各个元素之间地焦点获取顺序(使用键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解:◆◆◆◆◆◆◆◆◆◆◆◆<><> 创建一个表格<><> 表格中地每一行<><> 表格中一行中地每一个格子<><> 设置表格头:通常是黑体居中文字< ""> 设置表格格子之间空间地大小< ""> 设置边框地宽度< ""> 设置表格格子边框与其内部内容之间空间地大小< ""> 设置表格地宽度.用绝对像素值或总宽度地百分比< ""> 设置表格格子地水平对齐方式()< ""> 设置表格格子地水平对齐方式()< ""> 设置表格格子地垂直对齐方式()< ""> 设置一个表格格子跨占地列数(缺省值为)< ""> 设置一个表格格子跨占地行数(缺省值为)< > 禁止表格格子内地内容自动断行<><> 表格地标题<><> 定义多个列为一组列<><> 创建一个表格<><> 定义表格地页眉<> 定义一个列组中地列,以便对它们能够同时设置有关属性<><> 定义一个表格地实体<><> 定义一个表格地页脚◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆<><> 创建表单"..."接收数据地服务器地"..."地方法(, ).其中是被反对使用地"..."指定(媒体类型)"..."当提交表单时发生地内部事件"..."在重新设置表单时发生地内部事件"..."决定把内容显示在什么地方(, , , < "" ""><> 创建滚动菜单设置在需要滚动前可以看到地表单项数目 <> 设置每个表单项地内容< ""><> 创建下拉菜单< "" ><> 创建一个文本框区域,列地数目设置宽度,行地数目设置高度< "" ""> 创建一个复选框,文字在标签后面< "" "" ""> 创建一个单选框,文字在标志后面< "" > 创建一个单行文本输入区域设置以字符串地宽度< "" ""> 创建提交()按钮< "" "" ""> 创建一个使用图象地提交()按钮 < ""> 创建重置()按钮<><> 创建一个按钮"..."把按钮地状态设置为不能"..."按钮地控制名 "..."按钮地值"..."按钮地类型(, , )<><> 把相互关联地控件组合成一组<> 提示用户输入<><> 为一个控件提供标签<><> 为元素指定一标题<><> 为用户做选择创建各个选项<><> 创建一个允许用户多行输入地区域◆◆◆◆◆◆◆◆◆◆◆◆◆◆表单注解:◆◆◆◆◆◆◆◆◆◆◆◆◆◆"..."用于输入控件地类型()"..."控件地控制名(要求是除了和之外地任何名字)"..."控件地初始值"..."把一个单选钮设置为选中地状态"..."把控件地状态设置为不能使用"..."只对输入密码地文本框使用"..."表示以像素为单位地除了文本框和密码框控件之外地其它控件地宽度,它是用来指定字符地数目 "..."一个图像控件地"..."指定可以输入地最多地字符数目"..."另外一种文本描述"..."到客户端图形镜像地"..."被反对.控制对齐方式(, , , )"..."通过定义地值确定在不同元素之间获得焦点地顺序"..."当元素获得焦点时发生地事件"..."当元素失去焦点时发生地事件"..."当元素被选中时发生地事件"..."当元素状态被改变时发生地事件"..."允许上载地文件类型◆◆◆◆◆◆◆◆◆◆◆◆◆◆《帧标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<><> 放在一个帧文档地<>标签之前,也可以嵌在其他帧文档中< ""> 定义一个帧内地行数,可以使用绝对像素值或高度地百分比< ""> 定义一个帧内地列数,可以使用绝对像素值或宽度地百分比<> 定义一个帧内地单一窗或窗区域<><> 定义在不支持帧地浏览器中显示什么提示< ""> 规定帧内显示地文档< ""> 命名帧或区域以便别地帧可以指向它< ""> 定义帧左右边缘地空白大小,必须大于等于< ""> 定义帧上下边缘地空白大小,必须大于等于 < ""> 设置帧是否有滚动栏,其值可以是"","" 或"" < > 禁止用户调整一个帧地大小<><> 创建一个内联地帧"..."定义在帧中显示地内容地来源"..."定义帧之间地边界(或)"..."被反对.控制对齐方式(, , , )"..."帧地高度 "..."帧地宽度>...<>普通捲動< >...<>滑動< >...<>預設捲動< >...<>來回捲動< >...<>向下捲動< >...<>向上捲動< ><>向右捲動< ""><>向左捲動< >...<>捲動次數< >...<>設定寬度< >...<>設定高度< >...<>設定背景顏色< >...<>設定捲動距離< >...<>設定捲動時間< ""> 插入图片,参数有"宽""说明文字""高""边框"◆◆◆◆◆◆◆◆◆◆◆◆◆◆《文档整体属性标志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆< ""> 设置背景颜色.使用名字或地十六进制值< ""> 设置背景图片< ""> 设置背景音乐< "">固定背景图片(适用)< ""> 设置文本颜色.使用名字或地十六进制值< ""> 设置链接颜色.使用名字或地十六进制值< ""> 设置已使用地链接地颜色.使用名字或地十六进制值< ""> 设置正在被击中地链接地颜色.使用名字或地十六进制值< ""> 设置页面地上边距 < ""> 设置页面地左边距换段: <>换行: <>链接文字: < "链接地址">在此输入文字<>链接发邮件: < "">在此输入文字<>文字居中: <>在此输入文字<>文字加粗体效果: <>在此输入文字<>文字加倾斜效果: <>在此输入文字<>文字加下划线效果: <>在此输入文字<>改变文字大小: < >在此输入文字<>改变字体: < 宋体>在此输入文字<>改变文字颜色: < >在此输入文字<> 文字上標: <>在此输入文字<>文字下標: <>在此输入文字<>文字闪烁效果: <>在此输入文字<> 列表方式: <>开始列表。

html特效大全

html特效大全
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
24. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
9。网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
18.onpaste="return false" 不准粘贴
19.oncopy="return false;" oncut="return false;" 防止复制
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新,你可以更改为任意值。

html代码大全_很全

html代码大全_很全

Html网页的代码很全哦1)贴图:&lt;img src=&quot;图片地址&quot;&gt;2)加入连接:&lt;a href=&quot;所要连接的相关地址&quot;&gt;写上你想写的字&lt;/a&gt;1)贴图:<img src="图片地址">2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>消除连接的下划线在新窗口打开连接:<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>4)移动字体(走马灯):<marquee>写上你想写的字</marquee>5)字体加粗:<b>写上你想写的字</b>6)字体斜体:<i>写上你想写的字</i>7)字体下划线: <u>写上你想写的字</u>8)字体删除线: <s>写上你想写的字</s>9)字体加大: <big>写上你想写的字</big>10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>13)贴音乐:<embed src=音乐地址width=300 height=45 type=audio/mpeg autostart="false">14)贴flash: <embed src="flash地址" width="宽度" height="高度">15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行:<br>17)段落:<p>段落</p>18)原始文字样式:<pre>正文</pre>19)换帖子背景:<body background="背景图片地址">20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>/----------------------------------------HTML特效代码--------------------------------/1。

html爱心特效代码

html爱心特效代码

html爱心特效代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document</TITLE><META NAME="Generator"CONTENT="EditPlus"><META NAME="Author"CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>html, body {height: 100%;padding: 0;margin: 0;background:#000;}canvas {position: absolute;width: 100%;height: 100%;}</style></HEAD><BODY><canvas id="pinkboard"></canvas><script>/** Settings*/var settings = {particles: {length: 500, // maximum amount of particlesduration: 2, // particle duration in secvelocity: 100, // particle velocity in pixels/seceffect: -0.75, // play with this for a nice effectsize: 30, // particle size in pixels},};/** RequestAnimationFrame polyfill by ErikMöller*/(function(){var b=0;varc=["ms","moz","webkit","o"];for(vara=0;a<c.length&&!window.requestAnimationFrame;++a){win dow.requestAnimationFrame=window[c[a]+"RequestAnimatio nFrame"];window.cancelAnimationFrame=window[c[a]+"Canc elAnimationFrame"]||window[c[a]+"CancelRequestAnimatio nFrame"]}if(!window.requestAnimationFrame){window.requ estAnimationFrame=function(h,e){var d=newDate().getTime();var f=Math.max(0,16-(d-b));varg=window.setTimeout(function(){h(d+f)},f);b=d+f;returng}}if(!window.cancelAnimationFrame){window.cancelAnima tionFrame=function(d){clearTimeout(d)}}}());/** Point class*/var Point = (function() {function Point(x, y) {this.x = (typeof x !== 'undefined') ? x : 0;this.y = (typeof y !== 'undefined') ? y :0;}Point.prototype.clone = function() {return new Point(this.x, this.y);};Point.prototype.length = function(length) {if (typeof length =='undefined')return Math.sqrt(this.x * this.x + this.y * this.y);this.normalize();this.x *= length;this.y *= length;return this;};Point.prototype.normalize = function() {var length = this.length();this.x /= length;this.y /= length;return this;};return Point;})();/** Particle class*/var Particle = (function() {function Particle() {this.position = newPoint();this.velocity = new Point();this.acceleration = new Point();this.age =0;}Particle.prototype.initialize = function(x, y, dx, dy) {this.position.x = x;this.position.y =y;this.velocity.x = dx;this.velocity.y =dy;this.acceleration.x = dx *settings.particles.effect;this.acceleration.y = dy * settings.particles.effect;this.age =0;};Particle.prototype.update = function(deltaTime) {this.position.x += this.velocity.x *deltaTime;this.position.y += this.velocity.y * deltaTime;this.velocity.x += this.acceleration.x * deltaTime;this.velocity.y += this.acceleration.y * deltaTime;this.age +=deltaTime;};Particle.prototype.draw = function(context, image) {function ease(t) {return (--t) * t * t +1;}var size = image.width * ease(this.age /settings.particles.duration);context.globalAlpha = 1 - this.age /settings.particles.duration;context.drawImage(image, this.position.x - size / 2, this.position.y - size / 2, size, size);};return Particle;})();/** ParticlePool class*/var ParticlePool = (function() {var particles,firstActive = 0,firstFree =0,duration = settings.particles.duration;function ParticlePool(length) {// create and populate particle poolparticles = new Array(length);for (var i = 0; i < particles.length; i++)particles[i] = newParticle();}ParticlePool.prototype.add = function(x, y, dx, dy) {particles[firstFree].initialize(x, y, dx, dy);// handle circular queuefirstFree++;if(firstFree == particles.length) firstFree = 0;if (firstActive == firstFree ) firstActive++;if (firstActive == particles.length) firstActive =0;};ParticlePool.prototype.update = function(deltaTime) {var i;// update active particlesif (firstActive < firstFree) {for (i = firstActive; i < firstFree;i++)particles[i].update(deltaTime);}if (firstFree < firstActive) {for (i = firstActive; i <particles.length;i++)particles[i].update(deltaTime);for (i = 0; i < firstFree; i++)particles[i].update(deltaTime);}// remove inactive particleswhile(particles[firstActive].age >= duration &&firstActive != firstFree) {firstActive++;if (firstActive == particles.length) firstActive = 0;}};ParticlePool.prototype.draw = function(context, image) {// draw active particlesif (firstActive < firstFree) {for (i = firstActive; i < firstFree;i++)particles[i].draw(context, image);}if (firstFree < firstActive) {for (i = firstActive; i <particles.length; i++)particles[i].draw(context, image);for (i = 0; i < firstFree;i++)particles[i].draw(context, image);}};return ParticlePool;})();/** Putting it all together*/(function(canvas) {var context = canvas.getContext('2d'),particles = new ParticlePool(settings.particles.length),particleRate = settings.particles.length /settings.particles.duration, // particles/sectime;// get point on heart with -PI <= t <= PIfunction pointOnHeart(t) {return new Point(160 *Math.pow(Math.sin(t), 3),130 * Math.cos(t) - 50 * Math.cos(2 * t) - 20 * Math.cos(3 * t) - 10 *Math.cos(4 * t) + 25);}// creating the particle image using a dummy canvasvar image = (function() {var canvas = document.createElement('canvas'),context = canvas.getContext('2d');canvas.width =settings.particles.size;canvas.height =settings.particles.size;// helper function to create the pathfunction to(t) {var point =pointOnHeart(t);point.x = settings.particles.size / 2 + point.x * settings.particles.size / 350;point.y = settings.particles.size / 2 - point.y *settings.particles.size / 350;return point;}// create the pathcontext.beginPath();var t = -Math.PI;var point = to(t);context.moveTo(point.x, point.y);while (t < Math.PI) {t += 0.01; // baby steps!point =to(t);context.lineTo(point.x,point.y);}context.closePath();// create the fillcontext.fillStyle = '#ea80b0';context.fill();// create the imagevar image = new Image();image.src = canvas.toDataURL();return image;})();// render that thing!function render() {// next animation framerequestAnimationFrame(render);// update timevar newTime = new Date().getTime() / 1000,deltaTime = newTime - (time || newTime);time = newTime;// clear canvascontext.clearRect(0, 0, canvas.width,canvas.height);// create new particlesvar amount = particleRate * deltaTime;for (var i = 0; i < amount;i++) {var pos = pointOnHeart(Math.PI - 2 * Math.PI * Math.random());var dir =pos.clone().length(settings.particles.velocity);partic les.add(canvas.width / 2 + pos.x, canvas.height / 2 - pos.y, dir.x, -dir.y);}// update and draw particlesparticles.update(deltaTime);particles.draw(co ntext, image);}// handle (re-)sizing of the canvasfunction onResize() {canvas.width =canvas.clientWidth;canvas.height =canvas.clientHeight;}window.onresize = onResize;// delay rendering bootstrapsetTimeout(function() {onResize();render();},10);})(document.getElementById('pinkboard'));</script> </BODY></HTML>。

HTML代码大全

HTML代码大全

HTML代码大全HTML代码不区分大小写,HTML代码都是成对出现。

{开头<html>结尾</html>}{存放头部信息元素<head></head>}{主题区域<body></body>}{标题<title><title>}{加粗字体<B>倾斜<I>}{<a HREF=“网址”>链接文字</a>}{<meta name=“(1)”content=“(2)”>}{(1)keywords 关键字原信息description 描述author 作者}{(2)content 页面关键字content 网页的说明content 指定作者}{网页语言<meta http-equiv=“content-type”content=“text/html”;charset(设置语言)=“GB2312”(语言代码)>}{网页跳转<meta http-equiv=“refresh”content=“刷新时间(秒);链接网址”}【BODY代码介绍】【背景颜色bgcolor=“十六进制颜色”】【背景色background=“图片地址”】【文字颜色text=“十六进制颜色”】【没有访问的超链接颜色link=“十六进制颜色”】【访问过的超链接颜色vlink=“十六进制颜色”】【访问中的超链接颜色alink=“十六进制颜色”】【边框距离上边距topmargin=“像素”左边距leftmargin=“像素”(都为整数值)】【绝对路径与相对路径】【相对路径background=“图片说在文件夹/名称”】【绝对路径background=“某盘/某文件夹/图片名称”】【标题文字】【标题对齐align=“”左对齐left 右对齐right 居中对齐center】【文本标记font】【字体face=“”直接输入样式】【字体大小size=“”1-7大小-4 +4是3的放大小】【文字颜色color=“十六进制颜色”】【文本格式】【上标<sup> 下标<sub>】【a<sup>2=a的2次方】【段落标签】【单一显示<P>】【换行<br> 禁止换行<nobr>】【水平线<hr> 现在最后】【水平线设置高度size=“”宽度width=“”颜色color=“”对齐align=“”去掉阴影noshade(像素)】【特殊符号】【图像】。

html标签特效代码大全

html标签特效代码大全

html标签特效代码大全(让你制作漂亮的页面效果)〈!〉跑马灯〈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〉设定卷动时间〈marquee onmouseover=”this.stop()">。

</marquee>鼠标经过上面时停止滚动〈marquee onmouseover=”this.start()”〉..。

</marquee>鼠标离开时开始滚动〈!〉字体效果<h1>。

网页过度特效代码大全

网页过度特效代码大全

Page_Enter : 进入页面Page-Exit : 离开页面Site-Enter : 进入网站Site-Exit : 离开网站Duration : 过渡速度transition :可选项。

整数值(Integer)。

设置或检索转换所使用的方式。

0 :矩形收缩转换。

1 :矩形扩张转换。

2 :圆形收缩转换。

3 :圆形扩张转换。

4 :向上擦除。

5 :向下擦除。

6 :向右擦除。

7 :向左擦除。

8 :纵向百叶窗转换。

9 :横向百叶窗转换。

10 :国际象棋棋盘横向转换。

11 :国际象棋棋盘纵向转换。

12 :随机杂点干扰转换。

13 :左右关门效果转换。

14 :左右开门效果转换。

15 :上下关门效果转换。

16 :上下开门效果转换。

17 :从右上角到左下角的锯齿边覆盖效果转换。

18 :从右下角到左上角的锯齿边覆盖效果转换。

19 :从左上角到右下角的锯齿边覆盖效果转换。

20 :从左下角到右上角的锯齿边覆盖效果转换。

21 :随机横线条转换。

22 :随机竖线条转换。

23 :随机使用上面可能的值转换。

运用:把下面代码加在文本头的<meta>标记中混合(淡入淡出)<meta http-equiv=”Page-Enter” content=”blendTrans(Duration=2.0)”>盒状收缩<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=0)”>盒状展开<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=1)”>圆形收缩<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=2)”>圆形放射<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=3)”>向上擦除<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=4)”>向下擦除<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=5)”>向右擦除<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=6)”>向左擦除垂直遮蔽<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=8)”>水平遮蔽<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=9)”>横向棋盘式<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=10)”>纵向棋盘式<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=11)”>随机溶解<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=12)”>左右向中央缩进<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=13)”>中央向左右扩展<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=14)”>上下向中央缩进<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=15)”>中央向上下扩展<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=16)”>从左下抽出<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=17)”>从左上抽出<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=18)”>从右下抽出从右上抽出<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=20)”>随机水平线条<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=21)”>随机垂直线条<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=22)”>随机<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=2.0,Transition=23)”>网页幻灯片过渡效果大全IE网页过渡效果在IE5.5及以上版本的浏览器中,我们可以设置整页过渡效果,据此,我们甚至可以用IE来代替PPT了。

HTML代码大全

HTML代码大全
例3标有数字或圆点的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中国城市</p>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<ul>
<p>美国城市</p>
<li>华盛顿</li>
<li>芝加哥</li>
framesetrows总共有三个按列排列的帧每个帧占整个浏览器窗口的13framesetcols40总共有三个按行排列的帧第一个帧占整个浏览器窗口的40剩下的空间平均分配给另外两个帧framesetrows40cols50200总共有六个帧先是在第一行中从左到右排列三个帧然后在第二行中从左到右再排列三个帧即两行三列所占空间依据rows和cols属性的值其中200的单位是像素2
</body>
</html>

Hale Waihona Puke 二、格式标志1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>

网页制作特效代码大全

网页制作特效代码大全
}
</SCRIPT>
仿软件浮动按钮
<html>
<style type="text/css">
<!--
.text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 }
<html>
<meta http-equiv="refresh" content="3;url=../index.htm">
</html>
多个选择的搜索引擎
<form action="/cgi-bin/gosearch/search.cgi" name="searchform">
function bookmarkit(){window.external.addFavorite('/','水晶情缘')}//改为你自己的网址和站名
if (document.all)document.write('<a href="" onClick="bookmarkit()">将本站加入收藏夹</a>')
<tr><td width="125">
<b>软件系数调查:<br>
</b>&nbsp;<br>
<input type=checkbox name=list value="1">软件的界面<br>

HTML网页的代码大全

HTML网页的代码大全
24. 防止被人 frame
<SCRIPT LANGUAGE=JAVASCRIPT><!-if (top.location != self.location)top.location=self.location; // --></SCRIPT>
25. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
<div z-Index:2><object xxx></object> # 前面 <div z-Index:1><object xxx></object> # 后面 <div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"> height=100% width=100%> <iframe width=0 height=0></iframe> </div> <div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"> <iframe height=100% width=100%></iframe> </div> 13。返回上一页 <a href=javascript :history.back(1)>『返回上一页』</a> 14。关闭窗口 <a href=javascript :self.close()>『关闭窗口』</a> 15。关于 iframe 的透明背景 <IFRAME ID="iFrame1" SRC="iframe.htm" allowTransparency="true" style="background-color: green"></IFRAME> 16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

网页字体特效代码大全

网页字体特效代码大全

1、走马灯效果代码[下面4种滚动方法大同小异,具体效果自己去尝试,只须修改相应的地方(紫色字体的地方),高级设置请修改其他数值,暂不介绍]文字滚动代码(从右向左滚动)<marquee width="157" height="21">要滚动的文字</marquee>文字滚动代码(从下往上滚动)<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 style="COLOR: #000000; class: " width=157 text-align: left? border="0" >要滚动的文字</marquee>图片滚动代码(从右向左滚动)<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"><img border="0" src=" http://要滚动的图片地址1"><img border="0" src=" http://要滚动的图片地址2"></marquee>图片滚动代码(从下往上滚动)<marquee onMouse Over="this.stop()"onMouse Out="this.start()"align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"><img border="0" src=" http://要滚动的图片地址1"><img border="0" src=" http://要滚动的图片地址2"></marquee>2、评价代码(我这里提供的是框架,具体内容可以自己修改)<form><div align="center"><center><p>本空间很好: <input TYPE="radio"NAME="radio"value="谢谢您的鼓励和支持!" onClick="alert(value)">本空间一般: <input TYPE="radio" NAME="radio" value="我会不断努力的!"onClick="alert(value)"> 本空间太差: <input TYPE="radio"NAME="radio"value="具体的意见请QQ联系我,谢谢!" onClick="alert(value)"></p></center></div></form>3、文字特效代码(使用html代码做文字特效的方法很多,暂只介绍几种,效果自己去测试) 标语代码<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>要设置的文字</B></FONT></CENTER>发光字体代码[快速查看颜色代码都请点击这里]</textarea><table style="FILTER: glow(color=发光背景颜色代码,direction=2)"><font color=发光字体颜色代码size=2>要设置的文字</font></table>小技巧:在设置状字体的时候,如果把字体前加上@,会产生文字平躺的效果.<font face="@黑体">大家好</font>跳动文字代码<MARQUEE behavior=alternate direction=up height=98 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><FONT color=red face=楷体_gb2312 size=7>要设置的文字</FONT></MARQUEE></MARQUE>3D文字效果<style type="text/css">.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }</style><table border="0" width="100%"><tr><td width="100%" class="3dfont"><font color="#008040">要设置的文字</font>高斯模糊字体<span style="position:relative; width:200; height:50; filter:glow(color=#9933cc,strength=4); margin-left:4px"><p>要设置的文字</span>文字左右反转<table style="Filter:FlipH">要设置的文字</table>文字上下反转<table style="Filter:FlipV">要设置的文字</table>Blur风吹效果<table style="Filter:Blur(add=1,direction=45,strength=5)要设置的文字</table>add:是否要在已经使用Blur滤镜上的html对象上显示原来的模糊方向,0表示不显示direction:模糊方向strength:模糊半径大小,单位像素,默认为5,取整Glow滤镜(光晕效果)<table style="Filter:Glow(color=#FF0000,strength=5,direction=2)">要设置的文字</table>color:光晕颜色,需用代码形式strength:光晕强度,选择型参数,默认为5direction:光晕方向,选择型参数Shadow滤镜(阴影效果)<table style="Filter:Shadow(color=#ff0000,direction=45)">要设置的文字</table>color:阴影颜色,需用代码形式strength:阴影强度,选择型参数,默认为5direction:阴影方向,选择型参数DropShadow(投影效果)<table style="filter:dropshadow(color:#6600FF,offx=1,offy=1)">要设置的文字</table>color:设置投影颜色offx:在横坐标上的偏移,单位是像素offy:在纵坐标上的偏移,单位是像素positive:设置是否从对象的非透明像素建立阴影4、其它特效代码(这里的代码没什么实际作用,主要是辅助效果)鼠标放在图片上会显示说明字的代码<img src="http://你的图片地址"width=620 height=138 border=0 title="说明文字" align=absmiddle>自定义鼠标图片<img src="http://你的图片地址" onload="document.body.style.cursor=\’url(\\\’http://您的鼠标图片的地址,可以是.ani或.cur文件\\\’)\’">主页模块虚线代码<style type="text/css">.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT:#000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}</style><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="tb"><center>要设置的文字</td></tr></table>禁止图片下载<A HREF="javascript:void(0)"onMouse over="alert(\’对不起,图片不能随便下载!\’)"><IMG SRC="http://你的图片地址" Align="center" Border="0" width="99" height="50"></A>5、更多高级功能QQ在线状态代码(可在不加好友的情况下临时聊天) [大家只需将下面的QQ号和QQ名称换成自己的即可]<a target=blank href=/msgrd?V=1&Uin=QQ号&Site=QQ名称&Menu=yes><img border="0"SRC=/pa?p=1:894132:13 width="80"height="20"alt="点击这里给我发消息"></a>网络电视代码(此方法在网速一般的情况下效果不佳,建议不使用)</textarea><EMBED SRC= http://你的网络电视地址width=355 height=250 wid</textarea>。

html代码大全

html代码大全

html代码大全太Low了,网页居然还用这么老掉牙的特效!弄个粗体字,下划线就是突出重点了?真是一股浓浓的乡村风扑面而来;弄个图在页面飘来飘去就是动画效果了,你要这么认为的话那我只能保持沉默了。

在HTML5占领着整个互联网之时,想透过网页抓住所有人的眼球,因循守旧是行不通的。

因此,有你不能不知道的HTML常用代码。

只有熟悉掌握了常用的HTML 代码,你才能在编写网页的时候做到行云流水,用处处流露着细腻和创意的动效细节打动所有人。

html代码大全:结构性定义文件类型<HTML></HTML> (放在档案的开头与结尾)文件主题<TITLE></TITLE> (必须放在「文头」区块内)文头<HEAD></HEAD> (描述性资料,像是「主题」)文体<BODY></BODY> (文件本体)标题<H?></H?> (从1到6,有六层选择)标题的对齐 <H?ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文区块<BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)强调<EM></EM> (通常会以斜体显示)特别强调<STRONG></STRONG> (通常会以加粗显示)引文<CITE></CITE> (通常会以斜体显示)码<CODE></CODE> (显示原始码之用)样本<SAMP></SAMP>键盘输入<KBD></KBD>变数<VAR></VAR>定义<DFN></DFN> (有些浏览器不提供)地址 <ADDRESS></ADDRESS>大字<BIG></BIG>小字<SMALL></SMALL>与外观相关的标签(自订的表现方式)加粗<B></B>斜体<I></I>底线<U></U> (尚有些浏览器不提供)删除线<S></S> (尚有些浏览器不提供)下标<SUB></SUB>上标<SUP></SUP>打字机体<TT></TT> (用单空格字型显示)预定格式<PRE></PRE> (保留文件中空格的大小)预定格式的宽度<PRE WIDTH=?></PRE>(以字元计算)向中看齐<CENTER></CENTER> (文字与图片都可以)闪耀<BLINK></BLINK> (有史以来最被嘲弄的标签)字体大小 <FONTSIZE=?></FONT>(从1到7)改变字体大小 <FONTSIZE=+|-?></FONT>基本字体大小 <BASEFONTSIZE=?> (从1到7; 内定为3)字体颜色 <FONTCOLOR="#$$"></FONT>($$为颜色代码)html代码大全:修改页面的实用性HTML代码1)贴图:<img src="图片地址">2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接:<a href="相关地址"target="_blank">写上要写的字</a>4)移动字体(走马灯):<marquee>写上你想写的字</marquee>5)字体加粗:<b>写上你想写的字</b>6)字体斜体:<i>写上你想写的字</i>7)字体下划线: <u>写上你想写的字</u>8)字体删除线: <s>写上你想写的字</s>9)字体加大: <big>写上你想写的字</big>10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:<a href="相关地址"style="text-decoration:none">写上你想写的字</a>13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>14)贴flash: <embed src="flash地址" width="宽度" height="高度">15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行:<br>17)段落:<p>段落</p>18)原始文字样式:<pre>正文</pre>19)换帖子背景:<body background="背景图片地址">20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" bodybgproperties=fixed>21)定制帖子背景颜色:<body bgcolor="#value">(value 值见10)22)帖子背景音乐:<bgsound="背景音乐地址"loop=infinite>23)贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>html代码大全:常常会遇到的问题点击关闭窗口<ahref="javascript.:top.window.close();">点击关闭窗口</a>!请问如何去掉主页右面的滚动条?<bodyscroll="no"><body style="overflow-y:hidden">如何做到让一个网页自动关闭.<html><head><OBJECTid=closes type="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command"value="Close"></object></head><body >这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>如何在不刷新页面的情况下刷新css?<style>button{ color:;}</style><buttonnclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button 选择符使按钮改为红色</button>请问如何让网页自动刷新?在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新,你可以更改为任意值。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

html特效代码大全精美免费下载.txt每天早上起床都要看一遍“福布斯”富翁排行榜,如果上面没有我的名字,我就去上班。

谈钱不伤感情,谈感情最他妈伤钱。

我诅咒你一辈子买方便面没有调料包。

HTML代码大全免费下载HTML特效代码1。

忽视右键<body oncontextmenu="return false">或<body style="overflow-y:hidden">2。

加入背景音乐IE:<bgsound src="*.mid" loop=infinite>NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>*.mid你的背景音乐的midi格式文件3。

简单的window.open方法<a href="#"onclick="javascript :window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片</a>参数解释:<SCRIPT LANGUAGE="javascript"> js脚本开始;window.open 弹出新窗口的命令;文件路径/文件名弹出窗口的文件名;newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;width=400 窗口宽度;height=300 窗口高度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示;menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;location=no 是否显示地址栏,yes为允许;status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;</SCRIPT> js脚本结束4。

简单的页面加密<script LANGUAGE="javascript"><!--function loopy(){var sWord ="";while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} alert("登陆成功!");}loopy()//--></script>5。

拉动页面时背景图不动<style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style>6。

让浏览器在保存页面时保存失败<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>7。

随机替换图片<script>document.write(<img src="img/+parseInt(Math.random()*(5))+.gif"height="40" width="50"></script>图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif8。

窗口定时关闭先将如下代码网页文件的区:<script language="javascript">function closeit() { setTimeout("self.close()",10000) //毫秒 } </script>然后再在<body>标内加入如:<body onload="closeit()">9。

网页自动关闭<html><head><object id=closes type="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command" value="Close"></object></head><body onload="window.setTimeout(closes.Click(),10000)">这个窗口会在10秒过后自动关闭,而且不会出现提示.</body></html>10。

网页自动刷新在head部记入<META HTTP-EQUIV="Refresh" content="20">其中20为20秒后自动刷新,你可以更改为任意值。

11。

网页自动转页<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">12。

保持layer在最前面,而不被Iframe、Object所覆盖在Layer中再插Iframe 或 Object 设z-Index值<div z-Index:2><object xxx></object> #前面<div z-Index:1><object xxx></object> #后面<div id="Layer2" style="position:absolute; top:40;width:400px;height:95px;z-index:2"> height=100% width=100%><iframe width=0 height=0></iframe></div><div id="Layer1" style="position:absolute; top:50;width:200px;height:115px;z-index:1"><iframe height=100% width=100%></iframe></div>13。

返回上一页<a href=javascript :history.back(1)>『返回上一页』</a>14。

关闭窗口<a href=javascript :self.close()>『关闭窗口』</a>15。

关于iframe的透明背景<IFRAME ID="iFrame1" SRC="iframe.htm"allowTransparency="true"style="background-color: green"></IFRAME>16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table17. <body onselectstart="return false"> 取消选取、防止复制18.onpaste="return false" 不准粘贴19.oncopy="return false;" oncut="return false;" 防止复制20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标22. <input style="ime-mode:disabled"> 关闭输入法23. 永远都会带着框架<script language="JavaScript"><!--if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页// --></script>24. 防止被人frame<SCRIPT LANGUAGE=JAVASCRIPT><!--if (top.location != self.location)top.location=self.location;// --></SCRIPT>25. 网页将不能被另存为<noscript><iframe src=*.html></iframe></noscript>26. 查看网页源代码<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ """>27.删除时确认<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>28.屏蔽功能键Shift,Alt,Ctrl<script>function look(){if(event.shiftKey)alert("禁止按Shift键!"); //可以换成ALT CTRL}document.onkeydown=look;</script>29. 网页不会被缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">或者<META HTTP-EQUIV="expires" CONTENT="0">30.怎样让表单没有凹凸感?<input type=text style="border:1 solid #000000">或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>31.不要滚动条?让竖条没有:<body style="overflow:scroll;overflow-y:hidden"></body>让横条没有:<body style="overflow:scroll;overflow-x:hidden"></body>两个都去掉?更简单了<body scroll="no"></body>32.怎样去掉图片链接点击后,图片周围的虚线?<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>33.电子邮件处理提交表单<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain"> <input type=submit></form>34.在打开的子窗口刷新父窗口的代码里如何写?window.opener.location.reload()35.如何设定打开页面的大小<body onload="top.resizeTo(300,200);">打开页面的位置<body onload="top.moveBy(300,200);">36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动<STYLE>body{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}</STYLE>37. 检查一段字符串是否全由数字组成<script language="Javascript"><!--function checkNum(str){return str.match(//D/)==null}alert(checkNum("1232142141"))alert(checkNum("123214214a1"))// --></script>38. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight39. 怎么判断是否是字符if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");40.TEXTAREA自适应文字行数的多少<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"></textarea>41. 日期减去天数等于第二个日期<script language=Javascript>function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("12/23/2002",2)</script>42. 选择了哪一个Radio<HTML><script language="vbscript">function checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend function</script><BODY><INPUT name="radio1" type="radio" value="style" checked>Style<INPUT name="radio1" type="radio" value="barcode">Barcode<INPUT type="button" value="check" onclick="checkme()"></BODY></HTML>43.脚本永不出错<SCRIPT LANGUAGE="JavaScript"><!-- Hide function killErrors(){return true;} window.onerror = killErrors; // --> </SCRIPT>44.ENTER键可以让光标移到下一个输入框<input onkeydown="if(event.keyCode==13)event.keyCode=9">45. 检测某个网站的链接速度:把如下代码加入<body>区域中:<script language=Javascript>tim=1setInterval("tim++",100)b=1var autourl=new Array()autourl[1]=""autourl[2]=""autourl[3]=""autourl[4]=""autourl[5]=""function butt(){document.write("<form name=autof>")for(var i=1;i<autourl.length;i++)document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=textname=url"+i+" size=40> =》<input type=button value=GOonclick=window.open(this.form.url"+i+".value)><br>")document.write("<input type=submit value=刷新></form>")}butt()function auto(url){document.forms[0]["url"+b].value=urlif(tim>200){document.forms[0]["txt"+b].value="链接超时"}else{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ }function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}run()</script>46. 各种样式的光标auto :标准光标default :标准箭头hand :手形光标wait :等待光标text :I形光标vertical-text :水平I形光标no-drop :不可拖动光标not-allowed :无效光标help :?帮助光标all-scroll :三角方向标move :移动标crosshair :十字标e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize47、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。

相关文档
最新文档