【网页特效代码-页面特效】这是个变色的文字链接,用在有些页面上还是
- 格式:doc
- 大小:27.00 KB
- 文档页数:5
【网页特效代码-页面特效】这是个变色的文字链接,用在有些页面上还是.txt28生活是一位
睿智的长者,生活是一位博学的老师,它常常春风化雨,润物无声地为我们指点迷津,给我
们人生的启迪。不要吝惜自己的爱,敞开自己的胸怀,多多给予,你会发现,你也已经沐浴
在了爱河里。要把CSS中有关链接的设置去掉
Q291911320
【网页特效代码-页面特效】这是个变色的文字链接,用在有些页面上还是.txt28生活是一位
睿智的长者,生活是一位博学的老师,它常常春风化雨,润物无声地为我们指点迷津,给我
们人生的启迪。不要吝惜自己的爱,敞开自己的胸怀,多多给予,你会发现,你也已经沐浴
在了爱河里。要把CSS中有关链接的设置去掉
网页文字美化文字滚动代码大全
网页文字美化文字滚动代码大全网页美化:喜欢让文字跑来跑去!跑马灯范例让你文字跑到软!网上搜集整理。
1. 文字来回滚动:
文字来回滚动
代码:
文字来回滚动
2. 向右移动的竖排文字:
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
代码:
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
3. 向上移动的文字:
向上移动的文字
向上移动的文字
?
代码:
向上移动的文字
向上移动的文字
4. 向下移动的文字:向下移动的文字
向下移动的文字
?
代码:
向下移动的文字
向下移动的文字
5. 从右向左滚动:从右向左滚动
代码:
从右向左滚动
6. 从左向右滚动:从左向右滚动
代码:
从左向右滚动
7. 上下反弹:
上下反弹
代码:
上下反弹
8. 从左向右文字波浪式移动:
从左向右文字波浪式移动
代码:
从左向右文字波浪式移动
9. 文字来回波浪式移动:
文字来回波浪式移动
代码:
文字来回波浪式移动
10. 躲躲字,跑给你追:
躲躲字,跑给你追
代码:
躲躲字,跑给你追
11. 原地跳动的文字:
祝
大
家
永
远
幸
福
代码:
祝
大
家
永
远
幸
福
12. 波浪字:
波浪字
波浪字
代码:
波浪字
波浪字
13. 由中间向两边移动的文字:。
【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使,回不去天堂是因为体重的原因。
别人装处,我只好装经验丰富。
泡妞就像挂QQ,每天哄她2个小时,很快就可以太阳了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明-Q291911320</title><style>html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12p x;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decorat ion:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl[i].style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px; height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px ;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById(' back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementB yId('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; showMessageBox('窗口标题',messContent,objPos,350);}</script></head><body><div style="padding:20px"><div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏,关闭时会让其显示,目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div></div></body></html>。
打字效果的带链接的新闻标题<html><head><title>网页特效|/Js|--- 打字效果的带链接的新闻标题</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">body{font-size:14px;font-weight:bold;}</style></head><body>最新内容:<a id="HotNews" href="" target="_blank"></a><SCRIPT LANGUAGE="JavaScript"><!--var NewsTime = 2000; //每条新闻的停留时间var TextTime = 50; //新闻标题文字出现等待时间,越小越快var newsi = 0;var txti = 0;var txttimer;var newstimer;var newstitle = new Array(); //新闻标题var newshref = new Array(); //新闻链接newstitle[0] = "关于本站的相关说明";newshref[0] = "/Js/ShowNews.asp?ID=1";newstitle[1] = "本站控制面板的使用方法介绍"; newshref[1] = "/Js/ShowNews.asp?ID=2";newstitle[2] = "添加了部分教程文章充实内容"; newshref[2] = "/Js/ShowNews.asp?ID=3";newstitle[3] = "完成留言板的修改";newshref[3] = "/Js/ShowNews.asp?ID=4";newstitle[4] = "上千个精致特效持续添加中"; newshref[4] = "/Js/ShowNews.asp?ID=5";function shownew(){//code by haiwa @2005-10-21 var endstr = "_"hwnewstr = newstitle[newsi];newslink = newshref[newsi];if(txti==(hwnewstr.length-1)){endstr="";}if(txti>=hwnewstr.length){clearInterval(txttimer);clearInterval(newstimer);newsi++;if(newsi>=newstitle.length){newsi = 0}newstimer = setInterval("shownew()",NewsTime);txti = 0;return;}clearInterval(txttimer);document.getElementById("HotNews").href=newslink;document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr;txti++;txttimer = setInterval("shownew()",TextTime);}shownew();//--></SCRIPT></body></html>鼠标经过时链接文字的特殊显示<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效观止||---鼠标经过时链接文字的特殊显示</title><style>A {FILTER:progid:dximagetransform.microsoft.gradientwipe(duration=1);BEHA VIOR: url(images/xs.htc); CURSOR: hand; HEIGHT: 1px; TEXT-DECORATION: none}A:link {COLOR: #3d3525}A:visited {COLOR: #3d3525}A:hover {COLOR: #ede8e0}A:active {COLOR: #3d3525}</style></head><body bgcolor="#000000"><p><a target="_blank" href="#">网页特效观止-最新最全的网页特效</a></p><p><font color="#FFFFFF">代码中的style中间的代码加到网页里即可</font></p></body></html>能移动的超级连接特效(比较酷)<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>网页特效|/Js|---能移动的超级连接特效(比较酷)</title></head><body><style>.fly {color:336c6c;font-family:arial;font-size:24px;position:absolute; visibility:hidden;z-index:2;}.logo {font-family: times;font-size:48px;color:blue; position:absolute;top:0px;left:70px;visibility:visible;z-index:1;}.desc {text-align: center;font-family:楷体_GB2312;font-size:18px;color: #336c6c;position:absolute;top:220px; left: 140px;width:400px;visibility:hidden;z-index:0;}BODY {background:#c0c0c0;}A {color:lime;}A:HOVER {color : yellow;}</style><script LANGUAGE="JavaScript">ns4 = (yers)? true:falseie4 = (document.all)? true:falsefunction showObject(obj) {if (ns4) obj.visibility = "show"else if (ie4) obj.visibility = "visible"}function hideObject(obj) {if (ns4) obj.visibility = "hide"else if (ie4) obj.visibility = "hidden"}function slideLogo(from, to) {if (from < to) {company.top = (from += 10);setTimeout('slideLogo(' + from + ',' + to + ')', 20);}else initObjects();}function rotateObjects() {for (var i = 0; i < pos.length; i++) {pos[i] += inc; objects[i].visibility = 'visible';objects[i].left = (r * Math.cos(pos[i])) + xoff}rotateTimer = setTimeout("rotateObjects()", 50);}function initObjects() {objects = new Array(fly1, fly2, fly3, fly4);pos = new Array();pos[0] = 0;for (var i = 1; i < objects.length; i++) {pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); }rotateObjects();}/* Variables for rotating objects */var objects;var pos;var r = 160; // radiusvar xoff = 280; // x offsetvar yoff = 170; // y offsetvar pi = Math.PI; // get pivar inc = pi / 180; // degrees per rotation cyclevar objects; // objects to be rotatedvar pos; // position for objects</script><body BGCOLOR="#c0c0c0" link="green" TEXT="black"><div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc1)"onMouseOut="hideObject(desc1)"><p>Item 1</a><br></p></div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)"onMouseOut="hideObject(desc2)"><p>Item 2</a><br></p></div><div ID="fly3" CLASS="fly"><a HREF="#"onMouseOver="showObject(desc3)"onMouseOut="hideObject(desc3)"><p>Item 3</a><br></p></div><div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)"onMouseOut="hideObject(desc4)"><p>Item 4</a><br></p></div><div ID="company" CLASS="logo"><p><small>WELCOME TO DREAM WORKROOM</small></p></div><div ID="desc1" CLASS="desc"><p>Item 1的内容</p></div><div ID="desc2" CLASS="desc"><p>Item 2的内容</p></div><div ID="desc3" CLASS="desc"><p>Item 3的内容</p></div><div ID="desc4" CLASS="desc"><p>Item 4的内容</p></div><script LANGUAGE="JavaScript">/* Simple version detection */var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >=4);/* They can be used in placeof hidden and visible because on occasion Navigatorhas problems with the two */var HIDDEN = (isNS) ? 'hide' : 'hidden';var VISIBLE = (isNS) ? 'show' : 'visible';/* Create shortcut variables for different absolutely positioned elements */var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;var company = (isNS) ? pany : pany.style;var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;/* Begin the sliding of the company logo */slideLogo(0, 140);</script></body></html>。