网页特效代码集合+实例(C#)

最新推荐文章于 2024-01-15 00:00:00 发布

Bryan Ding

最新推荐文章于 2024-01-15 00:00:00 发布

阅读量2.2k

点赞数

文章标签： c# javascript 前端

本文链接：https://blog.csdn.net/zzjlhlcd/article/details/127582291

版权

文本框走动跑马灯

var msg="欢迎访问网页特效代码 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>

</FORM></CENTER>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

滚动文字

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<html>

<head>

</head>

<body>

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>

</body>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

水形文字

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<HTML>

<HEAD>

<STYLE>

DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;}

</STYLE>

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>

</DIV>

</BODY>

</HTML>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<html>

<head>

<title>特效演示，非常不错的表单显示效果</title>

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>

<!--

.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>

<tr>

</td>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

.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>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<tr>

<td>Insert anything you want into this table.

Insert anything you want into this table.

</td>

</tr>

</table>

<!--

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>网页特效网</a>提供

<HTML>

<HEAD>

<TITLE>又一款FLASH图片切换效果代码 www.qpsh.com</TITLE>

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;

</script>

//<![CDATA[

txt="<a image='http://www.qpsh.com/icon/443_209_1.jpg' info='网页特效是用程序代码在网页中实现特殊效果或者特殊功能的一种技术' url='http://www.qpsh.com' /><a image='http://www.qpsh.com/icon/443_209_2.jpg' info='它为网页活跃了气氛，增加了网站的亲和力。' 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='在本站下载的特效代码，都有详细说明，按说明使用即可。' 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>网页特效网</a>提供

<html>

<head>

<title>最新图片交替闪现效果代码</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>

<tr>

<!--

var textStrArr= new Array();

textStrArr[0]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">组图：网络十大女红人谁更凶</a></h3><p>　　“冰作影、玉为魂”，皓月凝霜雪，暗香动黄昏。梅亦逊“雪”三分白……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[1]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">揭秘备受争议的人体模特生产线</a></h3><p>　　相信各位网友都在商场见识过人体模特，不管是在公共场所穿衣也好，不穿衣也好……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[2]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">“云南第一人造美女”术后现身</a></h3><p>　　这名29岁的彝族少妇终于从一个姿色平平的妇女变成一位容颜秀丽的美女……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[3]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">网上最红火的中年女人容榕阿姨</a></h3><p>　　容榕阿姨刚强倔强，即使婚姻挫败、事业重创也没有哭泣……[<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>　　新丝路中国模特大赛创办于一九八九年,已举办十四届……[<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>

</td>

</tr>

</table>

</div>

</body>

</html>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<head>

<title>3dtest2</title>

// 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>

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>

<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>

<br>

<option value="40">super high</option>

<option value="90" selected>normal</option>

<option value="10000">super low</option>

</select>

</div>

</body>

</html>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>超酷超绚精美图片展示效果代码(一) - 网页特效观止-网页特效代码|JsCode.CN|</title>

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>

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>

My identity lies in not knowing who I am</a>

...are made by not following instructions</a>

...can come between us</a>

Here you come!</a>

They don't know all the facts yet</a>

Emotional intimacy</a>

...remains to be done before we can announce our total failure to make any

progress</a>

Errare Programma Est</a>

There's no such thing</a>

I抦 now trapped, without hope of escape or rescue</a>

The World is flat</a>

1 l0v3 j00 - f0r3v3r</a>

111 111 111 x 111 111 111 = 12345678987654321</a>

...has not been written yet</a> </div>

Loading</div>

Please wait...</div>

</div>

</div>

</body>

</html>

<STYLE>

body{margin:0px;cursor:url(http://www.jscode.cn/jscode/images/Select.cur)}

v\:* { Behavior: url(#default#VML) }

</STYLE>

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>

<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>

<title>网页特效|JsCode.cn|---跟随鼠标的图片</title>

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>

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>

<title>网页特效|Linkweb.cn/Js|---　围绕图片疯狂旋转的花朵</title>

</head>

<body>

<!--

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>');

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>

Bryan Ding

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
网页特效代码集合+实例(C#)

网页特效代码集合+实例(C#)
复制链接

扫一扫

网页特效代码集合+实例(C#)

“相关推荐”对你有帮助么？