网页特效代码集合+实例(C#)
文本框走動(dòng)跑馬燈
<SCRIPT Language="JavaScript">
var msg="歡迎訪問(wèn)網(wǎng)頁(yè)特效代碼?www.qpsh.com ";
var interval = 100;
var space10="";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>
<BODY OnLoad="Scroll();" >
<CENTER><FORM Name=tmForm>
<INPUT Type=Text Name=tmText Size=45>
</FORM></CENTER>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
滾動(dòng)文字
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<html>
<head>
<title>滾動(dòng)文字-qpsh.com</title>
</head>
<body>
<p align="center">
<SCRIPT>
var temp_i=1
function flash_sms()
{
for (i=1;i<=9;i++)
{
if (i==temp_i) temp_str="red"; else temp_str="green";
eval("a"+i+".style.color='"+temp_str+"';");
}
temp_i++;
if (temp_i>9) temp_i=1;
}
setInterval("flash_sms()",200);
</SCRIPT>
<span id=a1>■</span><span id=a2>■</span><span id=a3>■</span><span id=a4>■</span><span id=a5>■</span><span id=a6>■</span><span id=a7>■</span><span id=a8>■</span><span id=a9>■</span>
</body>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
水形文字
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<HTML>
<HEAD>
<TITLE>水形文字</TITLE>
<STYLE>
??DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var count=0; var thePhase=0; var aniOn=0;
var theStrength=0;var maxCount=40;var maxStrength=100;var theCount=0;
var colorList=new Array("red", "blue", "green");
var oDiv=null;
var oQueue=new Array();
function doStart(obj)
{
oDiv=obj;
oQueue.push("Welcome to 51js!");
oQueue.push("Hello Friends!");
oQueue.push("I love you");
if(obj==null)return;
if(!oQueue.length)return;
oDiv.innerHTML=oQueue.shift();
var ctrlRng=document.body.createControlRange()
ctrlRng.add(oDiv)
ctrlRng.select();
ctrlRng.execCommand("SelectAll")
????theCount=0;
doFilt();
}
function getStrength(pos)
{
var ret=0
if(pos<maxCount)
{
ret=maxStrength*pos*pos/(maxCount*maxCount);
}
else if(pos==maxCount)
{
strNext=oQueue.shift()
oDiv.innerHTML=strNext;
rndNum=Math.floor(Math.random() * 3)
oDiv.style.filter+="glow(color=" + ?colorList[rndNum] + ", strength=5)"
ret=maxStrength;
}
else if(pos<2*maxCount)
{
pos=2*maxCount-pos;
ret=maxStrength*pos*pos/(maxCount*maxCount);
}
else
ret=0;
ret=Math.ceil(ret)
return ret;
}
function anitext(){
??thePhase=(thePhase + 10)
??oDiv.filters[0].phase=thePhase
??theStrength=getStrength(++theCount);
??window.status=theStrength
??if(theStrength==0)theCount=0;
??if(oQueue.length>0 || theStrength>0)
??{
????oDiv.filters[0].strength=theStrength;
????oTO=window.setTimeout("anitext()",0200,"JavaScript")
??}
}
function doFilt(){
??oDiv.style.filter="wave(add=0, freq=3, lightstrength=50, phase=0, strength=2, enabled=1); "
??rndNum=Math.floor(Math.random() * 3)
??oDiv.style.filter+="glow(color=" + ?colorList[rndNum] + ", strength=5)"
??anitext()
}
function removeFilt(){
??window.clearTimeout(oTO)
??oDiv.style.filter=" "
}
function arrPush(item)
{
this[this.length]=item;
}
function arrShift()
{
var item=this[0];
var nLen=this.length;
for(var i=0;i<nLen-1;i++)
this[i]=this[i+1];
this.length--;
return item;
}
Array.prototype.push=arrPush;
Array.prototype.shift=arrShift;
</SCRIPT>
</HEAD>
<BODY οnlοad="doStart(MyDiv)">
<DIV ID="MyDiv" align="center">
</DIV>
</BODY>
</HTML>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>特效演示，非常不錯(cuò)的表單顯示效果</title>
<style type="text/css">
body{
font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff}
.en1 {
font-size: 10px;font-family: Verdana
}
.input1{
font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;
}
.input1-bor {
font-family:verdana;background-color:#F0F8FF;font-size: 12px;
border: 1px solid #333333;}
</style>
<link href="../text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.en1 {font-size: 10px;font-family: Verdana
}
.input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;
}
-->
</style>
</head>
<body>
<table cellspacing=2 cellpadding=0 width=300 border=0>
<tr>
<td><font class="en1">姓名: </td>
<td><input size=40 name=name class="input1" οnblur="this.className='input1'" οnfοcus="this.className='input1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">郵箱:</td>
<td><input size=40 name=email class="input1" οnblur="this.className='input1'" οnfοcus="this.className='input1-bor'"></td>
</tr>
<tr>
<td><font class="en1">網(wǎng)址: </td>
<td><input size=40 name=url class="input1" οnblur="this.className='input1'" οnfοcus="this.className='input1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">主題: </td>
<td><input size=40 name=subject class="input1" οnblur="this.className='input1'" οnfοcus="this.className='input1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">內(nèi)容: ?</td>
<td><textarea name=message rows=5 cols=35 class="input1" οnblur="this.className='input1'" οnfοcus="this.className='input1-bor'">
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<title>清爽配色15套</title>
<style type="text/css">
.style1{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #96C2F1;
background-color: #EFF7FF
}
.style2{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #9BDF70;
background-color: #F0FBEB
}
.style3{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #BBE1F1;
background-color: #EEFAFF
}
.style4{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CCEFF5;
background-color: #FAFCFD
}
.style5{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #FFCC00;
background-color: #FFFFF7
}
.style6{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #92B0DD;
background-color: #FFFFFf
}
.style6 h5{
margin: 1px;
background-color: #E2EAF8;
height: 24px;
}
.style7{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #A9C9E2;
background-color: #E8F5FE
}
.style8{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #E3E197;
background-color: #FFFFDD
}
.style9{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #ADCD3C;
background-color: #F2FDDB
}
.style10{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #F8B3D0;
background-color: #FFF5FA
}
.style11{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #D3D3D3;
background-color: #F7F7F7
}
.style12{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #BFD1EB;
background-color: #F3FAFF
}
.style13{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #FFDD99;
background-color: #FFF9ED
}
.style14{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CACAFF;
background-color: #F7F7FF
}
.style15{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #A5B6C8;
background-color: #EEF3F7
}
.style16{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CEE3E9;
background-color: #F1F7F9
}
</style>
<div class="style1"><h5></h5></div>
<div class="style2"><h5></h5></div>
<div class="style6"><h5></h5></div>
<div class="style3"></div>
<div class="style4"></div>
<div class="style5"></div>
<div class="style7"></div>
<div class="style8"></div>
<div class="style9"></div>
<div class="style10"></div>
<div class="style11"></div>
<div class="style12"></div>
<div class="style13"></div>
<div class="style14"></div>
<div class="style15"></div>
<div class="style16"></div>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<table border="0" width="280" id="myexample" style="border:5px solid green">
<tr>
<td>Insert anything you want into this table.
Insert anything you want into this table.
Insert anything you want into this table.
</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
/*
Flashing Table Border Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}
setInterval("flashit()", 500)
//-->
</script>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<HTML>
<HEAD>
<TITLE>又一款FLASH圖片切換效果代碼 www.qpsh.com</TITLE>
<center>
<script>
if(typeof sas=="undefined")var sas=new Object();
if(typeof sas.ued=="undefined")sas.ued=new Object();
if(typeof sas.ued.util=="undefined")sas.ued.util=new Object();
if(typeof sas.ued.FlashObjectUtil=="undefined")sas.ued.FlashObjectUtil=new Object();
sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey)
{
if(!document.createElement||!document.getElementById)return;this.DETECT_KEY=detectKey?detectKey:'detectflash';
this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();this.variables=new Object();
this.attributes=new Array();this.useExpressInstall=useExpressInstall;
if(swf)this.setAttribute('swf',swf);
if(id)this.setAttribute('id',id);
//by www.qpsh.com
if(w)this.setAttribute('width',w);
if(h)this.setAttribute('height',h);
if(ver)this.setAttribute('version',new sas.ued.PlayerVersion(ver.toString().split(".")));
this.installedVer=sas.ued.FlashObjectUtil.getPlayerVersion(this.getAttribute('version'),useExpressInstall);
if(c)this.addParam('bgcolor',c);
var q=quality?quality:'high';
this.addParam('quality',q);
var xir=(xiRedirectUrl)?xiRedirectUrl:window.location;this.setAttribute('xiRedirectUrl',xir);
this.setAttribute('redirectUrl','');
if(redirectUrl)this.setAttribute('redirectUrl',redirectUrl)};
sas.ued.FlashObject.prototype={setAttribute:function(name,value){this.attributes[name]=value},getAttribute:function(name){return this.attributes[name]},addParam:function(name,value){this.params[name]=value},getParams:function(){return this.params},addVariable:function(name,value){this.variables[name]=value},getVariable:function(name){return this.variables[name]},getVariables:function(){return this.variables},createParamTag:function(n,v){var p=document.createElement('param');p.setAttribute('name',n);p.setAttribute('value',v);return p},getVariablePairs:function(){var variablePairs=new Array();var key;var variables=this.getVariables();for(key in variables){variablePairs.push(key+"="+variables[key])}return variablePairs},getFlashHTML:function(){var flashNode="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","PlugIn");flashNode='<embed type="application/x-shockwave-flash" src="'+this.getAttribute('swf')+'" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'"';flashNode+=' id="'+this.getAttribute('id')+'" name="'+this.getAttribute('id')+'" ';var params=this.getParams();for(var key in params){flashNode+=[key]+'="'+params[key]+'" '}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='flashvars="'+pairs+'"'}flashNode+='/>'}else{if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","ActiveX");flashNode='<object id="'+this.getAttribute('id')+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'">';flashNode+='<param name="movie" value="'+this.getAttribute('swf')+'" />';var params=this.getParams();for(var key in params){flashNode+='<param name="'+key+'" value="'+params[key]+'" />'}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='<param name="flashvars" value="'+pairs+'" />'}flashNode+="</object>"}return flashNode},write:function(elementId){if(this.useExpressInstall){var expressInstallReqVer=new sas.ued.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(expressInstallReqVer)&&!this.installedVer.versionIsValid(this.getAttribute('version'))){this.setAttribute('doExpressInstall',true);this.addVariable("MMredirectURL",escape(this.getAttribute('xiRedirectUrl')));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title)}}else{this.setAttribute('doExpressInstall',false)}if(this.skipDetect||this.getAttribute('doExpressInstall')||this.installedVer.versionIsValid(this.getAttribute('version'))){var n=(typeof elementId=='string')?document.getElementById(elementId):elementId;n.innerHTML=this.getFlashHTML()}else{if(this.getAttribute('redirectUrl')!=""){document.location.replace(this.getAttribute('redirectUrl'))}}}};sas.ued.FlashObjectUtil.getPlayerVersion=function(reqVer,xiInstall){var PlayerVersion=new sas.ued.PlayerVersion(0,0,0);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){PlayerVersion=new sas.ued.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."))}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");for(var i=3;axo!=null;i++){axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);PlayerVersion=new sas.ued.PlayerVersion([i,0,0])}}catch(e){}if(reqVer&&PlayerVersion.major>reqVer.major)return PlayerVersion;if(!reqVer||((reqVer.minor!=0||reqVer.rev!=0)&&PlayerVersion.major==reqVer.major)||PlayerVersion.major!=6||xiInstall){try{PlayerVersion=new sas.ued.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","))}catch(e){}}}return PlayerVersion};sas.ued.PlayerVersion=function(arrVersion){this.major=parseInt(arrVersion[0])||0;this.minor=parseInt(arrVersion[1])||0;this.rev=parseInt(arrVersion[2])||0};sas.ued.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major)return false;if(this.major>fv.major)return true;if(this.minor<fv.minor)return false;if(this.minor>fv.minor)return true;if(this.rev<fv.rev)return false;return true};sas.ued.util={getRequestParameter:function(param){var q=document.location.search||document.location.href.hash;if(q){var startIndex=q.indexOf(param+"=");var endIndex=(q.indexOf("&",startIndex)>-1)?q.indexOf("&",startIndex):q.length;if(q.length>1&&startIndex>-1){return q.substring(q.indexOf("=",startIndex)+1,endIndex)}}return""}};if(Array.prototype.push==null){Array.prototype.push=function(item){this[this.length]=item;return this.length}}var getQueryParamValue=sas.ued.util.getRequestParameter;var sohuFlash=sas.ued.FlashObject;
function Cookie(document,name,hours,path,domain,secure){this.$document=document;this.$name=name;this.$expiration=hours?new Date((new Date()).getTime()+hours*3600000):null;this.$path=path?path:null;this.$domain=domain?domain:null;this.$secure=secure;};Cookie.prototype.store=function (){var cookieval="";for(var prop in this){if((prop.charAt(0)=='$')||((typeof this[prop])=='function')) continue;if(cookieval!="") cookieval+='&';cookieval+=prop+':'+escape(this[prop]);}var cookie=this.$name+'='+cookieval;if(this.$expiration)cookie+='; expires='+this.$expiration.toGMTString();if(this.$path) cookie+='; path='+this.$path;if(this.$domain) cookie+='; domain='+this.$domain;if(this.$secure) cookie+='; secure';this.$document.cookie=cookie;};Cookie.prototype.load=function(){var allcookies=this.$document.cookie;if(allcookies=="") return false;var start=allcookies.indexOf(this.$name+'=');if(start==-1) return false;start+=this.$name.length+1;var end=allcookies.indexOf(';',start);if(end==-1) end=allcookies.length;var cookieval=allcookies.substring(start,end);var a=cookieval.split('&');for(var i=0; i<a.length; i++) a[i]=a[i].split(':');for(var i=0; i<a.length; i++) this[a[i][0]]=unescape(a[i][1]);return true;};Cookie.prototype.remove = function(){var cookie;cookie = this.$name + '=';if (this.$path) cookie += '; path=' + this.$path;if (this.$domain) cookie += '; domain=' + this.$domain;cookie += '; expires=Fri, 02-Jan-1970 00:00:00 GMT';this.$document.cookie = cookie;};
</script>
<BODY bgcolor="#F7F7F7">
<DIV class=focusFlash>
<DIV id=sasFlashFocus27></DIV>
<SCRIPT type=text/javascript>
//<![CDATA[
txt="<a image='http://www.qpsh.com/icon/443_209_1.jpg' info='網(wǎng)頁(yè)特效是用程序代碼在網(wǎng)頁(yè)中實(shí)現(xiàn)特殊效果或者特殊功能的一種技術(shù)' url='http://www.qpsh.com' /><a image='http://www.qpsh.com/icon/443_209_2.jpg' info='它為網(wǎng)頁(yè)活躍了氣氛，增加了網(wǎng)站的親和力。' url='http://www.qpsh.com' /><a image='http://www.qpsh.com/icon/443_209_3.jpg' info='一般在你想添加特效的地方直接粘貼特效代碼即可' url='http://www.qpsh.com/' /><a image='http://www.qpsh.com/icon/443_209_4.jpg' info='在本站下載的特效代碼，都有詳細(xì)說(shuō)明，按說(shuō)明使用即可。' url='http://www.qpsh.com' />"
var sohuFlash2 = new sohuFlash("http://www.qpsh.com/icon/qpsh_com_tp2.swf", "27", 520, 205, "7");
sohuFlash2.addParam("quality", "high");
sohuFlash2.addParam("wmode", "opaque");
sohuFlash2.addVariable("txt",txt);
sohuFlash2.write("sasFlashFocus27");
//]]>
?</SCRIPT>
</DIV>
</BODY>
</HTML>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>最新圖片交替閃現(xiàn)效果代碼</title>
<style>
td{ ?font-size:14px; color:#333333; line-height:140%}
body{ ?font-size:14px; color:#333333; line-height:140%;}
a:link ?????????{ color: #01499A; text-decoration: none }
a:visited ??????{ color: #01499A; text-decoration: none }
a:active ???????{ color: #cc0000; text-decoration: none }
a:hover ????????{ color: #cc0000; text-decoration: none}
</style>
</head>
<body bgcolor="#F7F7F7">
<div align="center">
<table border="1" width="296" height="340" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#C0C0C0">
<tr>
<td> <!-- 代碼開(kāi)始一 by www.qpsh.com -->
<div id="focusFlash">
<p align="center">
<embed type="application/x-shockwave-flash" src="http://image.mop.com/sh/deco/focus_shY.swf" id="focus1" name="focus1" swliveconnect="true" quality="high" allowscriptaccess="always" menu="flase" wmode="opaque" flashvars="picStr=http://www.qpsh.com/icon/sohu1.jpg|http://www.qpsh.com/icon/sohu2.jpg|http://www.qpsh.com/icon/sohu3.jpg|http://www.qpsh.com/icon/sohu4.jpg|http://www.qpsh.com/icon/sohu3.jpg&linkStr=http://www.qpsh.com|http://www.qpsh.com|http://www.qpsh.com|http://www.qpsh.com|http://www.qpsh.com" height="237" width="296"></embed></div>
<div id="focusTextArea"></div>
<script language="JavaScript">
<!--
var textStrArr= new Array();
textStrArr[0]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">組圖：網(wǎng)絡(luò)十大女紅人誰(shuí)更兇</a></h3><p> “冰作影、玉為魂”，皓月凝霜雪，暗香動(dòng)黃昏。梅亦遜“雪”三分白……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'
textStrArr[1]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">揭秘備受爭(zhēng)議的人體模特生產(chǎn)線</a></h3><p> 相信各位網(wǎng)友都在商場(chǎng)見(jiàn)識(shí)過(guò)人體模特，不管是在公共場(chǎng)所穿衣也好，不穿衣也好……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'
textStrArr[2]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">“云南第一人造美女”術(shù)后現(xiàn)身</a></h3><p> 這名29歲的彝族少婦終于從一個(gè)姿色平平的婦女變成一位容顏秀麗的美女……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'
textStrArr[3]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">網(wǎng)上最紅火的中年女人容榕阿姨</a></h3><p> 容榕阿姨剛強(qiáng)倔強(qiáng)，即使婚姻挫敗、事業(yè)重創(chuàng)也沒(méi)有哭泣……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'
textStrArr[4]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">新絲路模特大賽眾佳麗三亞嬉水</a></h3><p> 新絲路中國(guó)模特大賽創(chuàng)辦于一九八九年,已舉辦十四屆……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'
function setFoucsText(id){
document.getElementById("focusTextArea").innerHTML = textStrArr[id];
}
setFoucsText(0);
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
function focus1_DoFSCommand(command, args) {
if(command == "setFoucsText"){
//by www.qpsh.com
setFoucsText(args);
//alert("asdfasdf");
};
}
if (navigator.appName && navigator.appName.indexOf("Microsoft") != -1 && navigator.userAgent.indexOf("Windows") != -1 && navigator.userAgent.indexOf("Windows 3.1") == -1) {
document.write('<script language="VBScript">\n');
document.write('On Error Resume Next\n');
document.write('Sub focus1_FSCommand(ByVal command, ByVal args)\n');
document.write(' Call focus1_DoFSCommand(command, args)\n');
document.write('End Sub\n');
document.write('</script\>\n');
}
//-->
</script>
</div>
<!-- 代碼結(jié)束 by www.qpsh.com --></td>
</tr>
</table>
</div>
</body>
</html>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>3dtest2</title>
<script language="JavaScript"><!--
// abc
var d = document;
var isNav, isIE, isNS6;
if(d.layers) {isNav = 1;}
else if(d.all) {isIE = 1;}
else if (d.getElementByID) {isNS6 = 1;}
if(!isIE) {
????????alert("this experiment requires IE, as it uses VML");
????????}
function mousemove(e) {
????????if (isIE) {
????????????????mx = window.event.clientX;
????????????????my = window.event.clientY;
????????????????}
????????else {
????????????????mx = e.pageX;
????????????????my = e.pageY;
????????????????}
????????} ???????
if (isNav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mousemove;
// vertex definitions: ???????x,y,z,xp,yp
var b1 = new Array(-40,40,-40,0,0);
var b2 = new Array(-40,40,40,0,0);
var b3 = new Array(40,40,40,0,0);
var b4 = new Array(40,40,-40,0,0);
var b5 = new Array(-40,-40,-40,0,0);
var b6 = new Array(-40,-40,40,0,0);
var b7 = new Array(40,-40,40,0,0);
var b8 = new Array(40,-40,-40,0,0);
function project(vert, obj) {
????????vert[3] = Math.floor((vert[0] * dist) / (vert[2] + dist + 40));
????????vert[4] = Math.floor((vert[1] * dist) / (vert[2] + dist + 40));
????????}
function xrotate(vert, deg) {
????????cos1 = costable[deg];
????????sin1 = sintable[deg];
????????y = vert[1];
????????z = vert[2];
????????vert[1] = (cos1*y) - (sin1*z);
????????vert[2] = (sin1*y) + (cos1*z);
????????}
function yrotate(vert, deg) {
????????cos1 = costable[deg];
????????sin1 = sintable[deg];
????????x = vert[0];
????????z = vert[2];
????????vert[0] = (cos1*x) + (sin1*z);
????????vert[2] = (cos1*z) - (sin1*x);
????????}
function zrotate(vert, deg) {
????????cos1 = costable[deg];
????????sin1 = sintable[deg];
????????x = vert[0];
????????y = vert[1];
????????vert[0] = (cos1*x) - (sin1*y);
????????vert[1] = (sin1*x) + (cos1*y);
????????} ???????
var dist = 90;
var mx = 100,my = 100;
var p1,p2,p3,p4,p5,p6,p7,p8;
var xcenter, ycenter;
var sintable = new Array(360);
var costable = new Array(360);
function startup() {
????????for(i=-360;i<=360;i++) {
????????????????costable[i] = Math.cos(i*0.017454);
????????????????sintable[i] = Math.sin(i*0.017454);
????????????????}
????????main();
????????} ???????
function amod(vert, lyr, img, xr, yr, zr) {
????????project(vert);
????????xrotate(vert,yr);
????????yrotate(vert,xr);
????????//zrotate(vert,zr);
????????}
/*
??????b2--b3 ??????
?????/ ??/ | ??????
???b1--b4 ?| ??????
???| ?b6--b7
???| / ??/
???b5--b8
*/
var v1path, v2path, v3path, v4path;
var scrtch = 0;
function swip() {
????????if(scrtch == "1") {
????????????????scrtch = 0;
????????????????c1.path = "m";
????????????????c2.path = "m";
????????????????c3.path = "m";
????????????????c4.path = "m";
????????????????}
????????else {
????????????????scrtch = 1;
????????????????}
????????}
function main() {
????????if(scrtch == "1") {
????????????????c1.path = v1path;
????????????????c2.path = v2path;
????????????????c3.path = v3path;
????????????????c4.path = v4path;
????????????????}
????????????????
????????xr = -Math.floor((mx-350)/80);
????????if(xr > 6) {xr = 6};
????????yr = Math.floor((my-250)/80);
????????if(yr > 6) {yr = 6};
????????zr = 0;
????????for(i=1;i<=8;i++) {
????????????????eval("amod(b"+i+",p"+i+",'i"+i+"', xr, yr, zr)");
????????????????}
????????v1path = "m "+b1[3]+","+b1[4]+" l "+b2[3]+","+b2[4]+" "+b3[3]+","+b3[4]+" "+b4[3]+","+b4[4]+" x e";
????????v2path = "m "+b5[3]+","+b5[4]+" l "+b6[3]+","+b6[4]+" "+b7[3]+","+b7[4]+" "+b8[3]+","+b8[4]+" x e";
????????v3path = "m "+b1[3]+","+b1[4]+" l "+b2[3]+","+b2[4]+" "+b6[3]+","+b6[4]+" "+b5[3]+","+b5[4]+" x e";
????????v4path = "m "+b3[3]+","+b3[4]+" l "+b4[3]+","+b4[4]+" "+b8[3]+","+b8[4]+" "+b7[3]+","+b7[4]+" x e";
????????
????????v1.path = v1path;
????????v2.path = v2path;
????????v3.path = v3path;
????????v4.path = v4path;
????????
????????setTimeout('main()','20');
????????}
//--></script>
<style type="text/css">
v\:*{behavior:url(#default#VML);}
body {font-family: verdana, arial; font-size:10px; color:white;}
input, select, .cb {background-color: #BB0000; padding:3px;font-family:verdana, helvetica, arial; font-size:10px; border: 0 solid; border-color: #C0E0C0; color:#FFFFFF;}
a:link, a:visited, a:active {font-family: verdana, arial; font-size:10px; color:white;}
a:hover {font-family: verdana, arial; font-size:10px; color:red;}
</style>
</head>
<body οnlοad="startup();" bgcolor="#000000">
<v:shape id="c1" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>
<v:shape id="c2" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>
<v:shape id="c3" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>
<v:shape id="c4" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>
<v:shape id="v1" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>
<v:shape id="v2" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>
<v:shape id="v3" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>
<v:shape id="v4" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>
<div style="position:absolute; top:75px; left:122px; width:200;" align="justify">
??<br>
<br>
??<select οnchange="dist = Math.floor(this.value);">
????????<option value="40">super high</option>
????????<option value="50">high</option>
????????<option value="90" selected>normal</option>
????????<option value="200">low</option>
????????<option value="10000">super low</option>
</select>
</div>
</body>
</html>
本代碼由<a href=http://www.qpsh.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>超酷超絢精美圖片展示效果代碼(一) - 網(wǎng)頁(yè)特效觀止-網(wǎng)頁(yè)特效代碼|JsCode.CN|</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
width: 100%;
height: 100%;
}
#imageFlow {
position: absolute;
width: 100%;
height: 80%;
left: 0%;
top: 10%;
background: #000;
}
#imageFlow .diapo {
position: absolute;
left: -1000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .bank {
visibility: hidden;
}
#imageFlow .top {
position: absolute;
width: 100%;
height: 40%;
background: #181818;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.9em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-left {
position: absolute;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
}
</style>
<script type="text/javascript">
var imf = function () {
var lf = 0;
var instances = [];
function getElementsByClass (object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++)
if (o[i].className == className) ret.push(o[i]);
if (ret.length == 1) ret = ret[0];
return ret;
}
function addEvent (o, e, f) {
if (window.addEventListener) o.addEventListener(e, f, false);
else if (window.attachEvent) r = o.attachEvent('on' + e, f);
}
function createReflexion (cont, img) {
var flx = false;
if (document.createElement("canvas").getContext) {
flx = document.createElement("canvas");
flx.width = img.width;
flx.height = img.height;
var context = flx.getContext("2d");
context.translate(0, img.height);
context.scale(1, -1);
context.drawImage(img, 0, 0, img.width, img.height);
context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, img.height * 2);
gradient.addColorStop(1, "rgba(255, 255, 255, 0)");
gradient.addColorStop(0, "rgba(255, 255, 255, 1)");
context.fillStyle = gradient;
context.fillRect(0, 0, img.width, img.height * 2);
} else {
/* ---- DXImageTransform ---- */
flx ????= document.createElement('img');
flx.src = img.src;
flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' +
???????????????????'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' +
???(img.height * .25) + ')';
}
/* ---- insert Reflexion ---- */
flx.style.position = 'absolute';
flx.style.left ????= '-1000px';
cont.appendChild(flx);
return flx;
}
/* ==== ImageFlow Constructor ==== */
function ImageFlow(oCont, size, zoom, border) {
this.diapos ????= [];
this.scr ???????= false;
this.size ??????= size;
this.zoom ??????= zoom;
this.bdw ???????= border;
this.oCont ?????= oCont;
this.oc ????????= document.getElementById(oCont);
this.scrollbar ?= getElementsByClass(this.oc, ??'div', 'scrollbar');
this.text ??????= getElementsByClass(this.oc, ??'div', 'text');
this.title ?????= getElementsByClass(this.text, 'div', 'title');
this.legend ????= getElementsByClass(this.text, 'div', 'legend');
this.bar ???????= getElementsByClass(this.oc, ??'img', 'bar');
this.arL ???????= getElementsByClass(this.oc, ??'img', 'arrow-left');
this.arR ???????= getElementsByClass(this.oc, ??'img', 'arrow-right');
this.bw ????????= this.bar.width;
this.alw ???????= this.arL.width - 5;
this.arw ???????= this.arR.width - 5;
this.bar.parent = this.oc.parent ?= this;
this.arL.parent = this.arR.parent = this;
this.view ??????= this.back ??????= -1;
this.resize();
this.oc.onselectstart = function () { return false; }
/* ---- create images ---- */
var img ??= getElementsByClass(this.oc, 'div', 'bank').getElementsByTagName('a');
this.NF = img.length;
for (var i = 0, o; o = img[i]; i++) {
this.diapos[i] = new Diapo(this, i,
o.rel,
o.title || '- ' + i + ' -',
o.innerHTML || o.rel,
o.href || '',
o.target || '_self'
);
}
/* ==== add mouse wheel events ==== */
if (window.addEventListener)
this.oc.addEventListener('DOMMouseScroll', function(e) {
this.parent.scroll(-e.detail);
}, false);
else this.oc.onmousewheel = function () {
this.parent.scroll(event.wheelDelta);
}
/* ==== scrollbar drag N drop ==== */
this.bar.onmousedown = function (e) {
if (!e) e = window.event;
var scl = e.screenX - this.offsetLeft;
var self = this.parent;
/* ---- move bar ---- */
this.parent.oc.onmousemove = function (e) {
if (!e) e = window.event;
self.bar.style.left = Math.round(Math.min((self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl))) + 'px';
self.view = Math.round(((e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF);
if (self.view != self.back) self.calc();
return false;
}
/* ---- release scrollbar ---- */
this.parent.oc.onmouseup = function (e) {
self.oc.onmousemove = null;
return false;
}
return false;
}
/* ==== right arrow ==== */
this.arR.onclick = this.arR.ondblclick = function () {
if (this.parent.view < this.parent.NF - 1)
this.parent.calc(1);
}
/* ==== Left arrow ==== */
this.arL.onclick = this.arL.ondblclick = function () {
if (this.parent.view > 0)
this.parent.calc(-1);
}
}
/* ==== ImageFlow prototype ==== */
ImageFlow.prototype = {
/* ==== targets ==== */
calc : function (inc) {
if (inc) this.view += inc;
var tw = 0;
var lw = 0;
var o = this.diapos[this.view];
if (o && o.loaded) {
/* ---- reset ---- */
var ob = this.diapos[this.back];
if (ob && ob != o) {
ob.img.className = 'diapo';
ob.z1 = 1;
}
/* ---- update legend ---- */
this.title.replaceChild(document.createTextNode(o.title), this.title.firstChild);
this.legend.replaceChild(document.createTextNode(o.text), this.legend.firstChild);
/* ---- update hyperlink ---- */
if (o.url) {
o.img.className = 'diapo link';
window.status = 'hyperlink: ' + o.url;
} else {
o.img.className = 'diapo';
window.status = '';
}
/* ---- calculate target sizes & positions ---- */
o.w1 = Math.min(o.iw, this.wh * .5) * o.z1;
var x0 = o.x1 = (this.wh * .5) - (o.w1 * .5);
var x = x0 + o.w1 + this.bdw;
for (var i = this.view + 1, o; o = this.diapos[i]; i++) {
if (o.loaded) {
o.x1 = x;
o.w1 = (this.ht / o.r) * this.size;
x ??+= o.w1 + this.bdw;
tw ?+= o.w1 + this.bdw;
}
}
x = x0 - this.bdw;
for (var i = this.view - 1, o; o = this.diapos[i]; i--) {
if (o.loaded) {
o.w1 = (this.ht / o.r) * this.size;
o.x1 = x - o.w1;
x ??-= o.w1 + this.bdw;
tw ?+= o.w1 + this.bdw;
lw ?+= o.w1 + this.bdw;
}
}
/* ---- move scrollbar ---- */
if (!this.scr && tw) {
var r = (this.ws - this.alw - this.arw - this.bw) / tw;
this.bar.style.left = Math.round(this.alw + lw * r) + 'px';
}
/* ---- save preview view ---- */
this.back = this.view;
}
},
/* ==== mousewheel scrolling ==== */
scroll : function (sc) {
if (sc < 0) {
if (this.view < this.NF - 1) this.calc(1);
} else {
if (this.view > 0) this.calc(-1);
}
},
/* ==== resize ?==== */
resize : function () {
this.wh = this.oc.clientWidth;
this.ht = this.oc.clientHeight;
this.ws = this.scrollbar.offsetWidth;
this.calc();
this.run(true);
},
/* ==== move all images ?==== */
run : function (res) {
var i = this.NF;
while (i--) this.diapos[i].move(res);
}
}
/* ==== Diapo Constructor ==== */
Diapo = function (parent, N, src, title, text, url, target) {
this.parent ???????= parent;
this.loaded ???????= false;
this.title ????????= title;
this.text ?????????= text;
this.url ??????????= url;
this.target ???????= target;
this.N ????????????= N;
this.img ??????????= document.createElement('img');
this.img.src ??????= src;
this.img.parent ???= this;
this.img.className = 'diapo';
this.x0 ???????????= this.parent.oc.clientWidth;
this.x1 ???????????= this.x0;
this.w0 ???????????= 0;
this.w1 ???????????= 0;
this.z1 ???????????= 1;
this.img.parent ???= this;
this.img.onclick ??= function() { this.parent.click(); }
this.parent.oc.appendChild(this.img);
/* ---- display external link ---- */
if (url) {
this.img.onmouseover = function () { this.className = 'diapo link'; }
this.img.onmouseout ?= function () { this.className = 'diapo'; }
}
}
/* ==== Diapo prototype ==== */
Diapo.prototype = {
/* ==== HTML rendering ==== */
move : function (res) {
if (this.loaded) {
var sx = this.x1 - this.x0;
var sw = this.w1 - this.w0;
if (Math.abs(sx) > 2 || Math.abs(sw) > 2 || res) {
/* ---- paint only when moving ---- */
this.x0 += sx * .1;
this.w0 += sw * .1;
if (this.x0 < this.parent.wh && this.x0 + this.w0 > 0) {
/* ---- paint only visible images ---- */
this.visible = true;
var o = this.img.style;
var h = this.w0 * this.r;
/* ---- diapo ---- */
o.left ??= Math.round(this.x0) + 'px';
o.bottom = Math.floor(this.parent.ht * .25) + 'px';
o.width ?= Math.round(this.w0) + 'px';
o.height = Math.round(h) + 'px';
/* ---- reflexion ---- */
if (this.flx) {
var o = this.flx.style;
o.left ??= Math.round(this.x0) + 'px';
o.top ???= Math.ceil(this.parent.ht * .75 + 1) + 'px';
o.width ?= Math.round(this.w0) + 'px';
o.height = Math.round(h) + 'px';
}
} else {
/* ---- disable invisible images ---- */
if (this.visible) {
this.visible = false;
this.img.style.width = '0px';
if (this.flx) this.flx.style.width = '0px';
}
}
}
} else {
/* ==== image onload ==== */
if (this.img.complete && this.img.width) {
/* ---- get size image ---- */
this.iw ????= this.img.width;
this.ih ????= this.img.height;
this.r ?????= this.ih / this.iw;
this.loaded = true;
/* ---- create reflexion ---- */
this.flx ???= createReflexion(this.parent.oc, this.img);
if (this.parent.view < 0) this.parent.view = this.N;
this.parent.calc();
}
}
},
/* ==== diapo onclick ==== */
click : function () {
if (this.parent.view == this.N) {
/* ---- click on zoomed diapo ---- */
if (this.url) {
/* ---- open hyperlink ---- */
window.open(this.url, this.target);
} else {
/* ---- zoom in/out ---- */
this.z1 = this.z1 == 1 ? this.parent.zoom : 1;
this.parent.calc();
}
} else {
/* ---- select diapo ---- */
this.parent.view = this.N;
this.parent.calc();
}
return false;
}
}
/* ==== public methods ==== */
return {
/* ==== initialize script ==== */
create : function (div, size, zoom, border) {
/* ---- instanciate imageFlow ---- */
var load = function () {
var loaded = false;
var i = instances.length;
while (i--) if (instances[i].oCont == div) loaded = true;
if (!loaded) {
/* ---- push new imageFlow instance ---- */
instances.push(
new ImageFlow(div, size, zoom, border)
);
/* ---- init script (once) ---- */
if (!imf.initialized) {
imf.initialized = true;
/* ---- window resize event ---- */
addEvent(window, 'resize', function () {
var i = instances.length;
while (i--) instances[i].resize();
});
/* ---- stop drag N drop ---- */
addEvent(document.getElementById(div), 'mouseout', function (e) {
if (!e) e = window.event;
var tg = e.relatedTarget || e.toElement;
if (tg && tg.tagName == 'HTML') {
var i = instances.length;
while (i--) instances[i].oc.onmousemove = null;
}
return false;
});
/* ---- set interval loop ---- */
setInterval(function () {
var i = instances.length;
while (i--) instances[i].run();
}, 16);
}
}
}
/* ---- window onload event ---- */
addEvent(window, 'load', function () { load(); });
}
}
}();
/* ==== create imageFlow ==== */
// ?????????div ID ???, size, zoom, border
imf.create("imageFlow", 0.15, 1.5, 10);
</script>
</head>
<body>
<div id="imageFlow">
<div class="top">
</div>
<div class="bank">
<a rel="images/08081201001.jpg" title="Myselves" href="http://www.jscode.cn/">
My identity lies in not knowing who I am</a>
<a rel="images/08081201002.jpg" title="Discoveries" href="http://www.jscode.cn/">
...are made by not following instructions</a>
<a rel="images/08081201003.jpg" title="Nothing" href="http://jscode.cn/">
...can come between us</a>
<a rel="images/08081201004.jpg" title="New life" href="http://www.jscode.cn/">
Here you come!</a>
<a rel="images/08081201005.jpg" title="Optimists" href="http://www.html.org.cn/">
They don't know all the facts yet</a>
<a rel="images/08081201006.jpg" title="Empathy" href="http://www.jscode.cn/">
Emotional intimacy</a>
<a rel="images/08081201007.jpg" title="Much work" href="http://www.jscode.cn/">
...remains to be done before we can announce our total failure to make any
progress</a>
<a rel="images/08081201008.jpg" title="System error" href="http://www.jscode.cn/">
Errare Programma Est</a>
<a rel="images/08081201009.jpg" title="Nonexistance" href="http://bbs.html.org.cn/">
There's no such thing</a>
<a rel="images/08081201010.jpg" title="Inside" href="http://www.jscode.cn/">
I抦 now trapped, without hope of escape or rescue</a>
<a rel="images/08081201011.jpg" title="E-Slaves" href="http://www.luwei.net.cn/">
The World is flat</a>
<a rel="images/08081201012.jpg" title="l0v3" href="http://www.jscode.cn/">
1 l0v3 j00 - f0r3v3r</a>
<a rel="images/08081201013.jpg" title="T minus zero" href="http://www.jscode.cn/">
111 111 111 x 111 111 111 = 12345678987654321</a>
<a rel="images/08081201014.jpg" title="The End" href="http://www.jscode.cn/">
...has not been written yet</a> </div>
<div class="text">
<div class="title">
Loading</div>
<div class="legend">
Please wait...</div>
</div>
<div class="scrollbar">
<img class="track" src="images/08081201sb.gif" alt="">
<img class="arrow-left" src="images/08081201sl.gif" alt="">
<img class="arrow-right" src="images/08081201sr.gif" alt="">
<img class="bar" src="images/08081201sc.gif" alt=""> </div>
</div>
</body>
</html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
body{margin:0px;cursor:url(http://www.jscode.cn/jscode/images/Select.cur)}
v\:* { Behavior: url(#default#VML) }
</STYLE>
????<script>
?????var trace=""
?????var vP
?????var r=0
?????var vS
?????var p=new Object()
?????var lineColor=[[255,0,0],[255,0,255]]
?????p.x=0;p.y=0
?????function init(){
?????document.body.οnmοusedοwn=function(){
???????if (event.button==1 || event.button==4){
????????if (event.button==1) vP=document.createElement("v:PolyLine"); else vP=document.createElement("v:line");
???????}
???????vS=document.createElement("v:stroke")
???????vP.filled="false"
???????vP.appendChild(vS)
???????document.body.appendChild(vP)
???????trace="";
???????if (event.button==4) vP.from.value=event.clientX + "," + event.clientY;
?????}
?????
?????document.body.οnmοusemοve=function(){
???????if (event.button==1){
???????pos=event.clientX + "," + event.clientY + " ";
???????trace+=pos
???????vS.color="rgb(255,0,0)"
???vP.points.value=trace
??????}
??????if ?(event.button==4) {
???????vP.to.value=event.clientX + "," + event.clientY;
??????}
??????
??????rImg.style.left=event.clientX-20;
??????rImg.style.top=event.clientY-20;
??????
??????var cX = p.x-event.clientX;
??????var cY = p.y-event.clientY;
??????if (cX || cY) {
status ="cX:"+cX+" -cY:"+cY
??rotationImg(180-parseInt(Math.atan2(cY,cX)*180/Math.PI,10));
??????} ?
??????p.x=event.clientX;
??????p.y=event.clientY; ?
?????}
?????
?????document.body.οnmοuseup=function(){
???????vS.EndArrow="Block"
??????}
?????document.onselectstart=function(){return false}
?????}
?????
?????function rotationImg(flag){
???window.status=r + " to " + flag;
???var step=3;
?while(r-flag>180) flag+=360
?while(flag-r>180) flag-=360
?r += (flag-r)/step
?????rImg.style.rotation=90-r;
????}
????</script>
<body οnlοad="init()">
<v:image id="rImg" src="http://www.jscode.cn/jscode/images/mouse.gif" style="position:absolute;top:0;left:0;width:37;height:37;0" >
?<v:Stroke dashstyle="Solid"/>
</v:image>
</body>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網(wǎng)頁(yè)特效|JsCode.cn|---跟隨鼠標(biāo)的圖片</title>
<script LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
function doMouseMove() {
layerName = 'iit'
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</script>
</head>
<body>
<!-- 以下代碼是設(shè)定此頁(yè)的鼠標(biāo)樣式代碼 -->
<script language="javascript">
if (navigator.appName == "Netscape") {
}
else
{
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
document.write('</div>')
}
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網(wǎng)頁(yè)特效|Linkweb.cn/Js|--- 圍繞圖片瘋狂旋轉(zhuǎn)的花朵</title>
</head>
<body>
<script language="JavaScript">
<!--
var images='images/flower2.gif';//將圖片名稱改為你的圖像!
var amount=7;//Number of images here. Do not alter for this script!!
var speed=1;
var RunTime = 0;
var cntr=0;
var xcntr=100;
var pulse=25;
var Xpos = 0;
var Ypos = 0;
var _y;
var temp;
/*If you use an image larger or smaller than the one I've used
the cursor will be off center.Alter the 2 variables below to center it.*/
var UpDown=-10;
var LeftRight=-5;
if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');
document.write('</div>');
document.write('</div>');
function FollowMouse(){
Xpos = document.body.scrollLeft+event.x+UpDown;
Ypos = document.body.scrollTop+event.y+LeftRight;
}
document.onmousemove = FollowMouse;
}
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function xFollowMouse(evnt){
Xpos = evnt.pageX+UpDown;
Ypos = evnt.pageY+LeftRight;
}
window.onMouseMove = xFollowMouse;
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");
}
function msi(){
if (document.layers){
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[0].visibility='show';
document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
document.layers[0].left =Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[temp].visibility='show';
document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
}
}
if (RunTime>182)
{
speed=0.5;
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
}
}
}
else if (document.all){
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[0].style.visibility='visible';
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.visibility='visible';
ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
}
}
if (RunTime>182)
{
speed=0.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
}
}
}
if (RunTime>210)
{
xcntr-=10;
}
if (document.layers)
_y=-window.innerWidth-90;
else if (document.all)
_y=-document.body.clientWidth-90;
if (xcntr <= _y)
{
RunTime=0;
speed=1;
cntr=0;
xcntr=100;
}
}
msi()
//-->
</script>
</body>
</html>
總結(jié)
以上是生活随笔為你收集整理的网页特效代码集合+实例(C#)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： php开发之cms开发体验
- 下一篇： C#—三层架构