78成人精品电影在线播放日韩精品电影一区亚洲,亚洲国产aⅴ成人精品无吗,成人永久福利免费观看,国产成人亚洲精品无码av大片

富海360
首頁 > 新聞中心  > 百度seo學(xué)習(xí)教程
返回

分享一個完美符合SEO優(yōu)化的3D動態(tài)標(biāo)簽方法

來源:www.shouleka.cn 發(fā)布時間:2014年11月13日

深圳網(wǎng)絡(luò)優(yōu)化公司分享3D動態(tài)標(biāo)簽的制作方法,希望對朋友們是有用處的,需要的朋友可以拿去用哦!

第一步:添加CSS樣式

我們只需要將以下CSS樣式添加到我們的CSS樣式表里面就可以了。

#div1{position:relative;display:block;width:250px;height:250px;float:left;}
#div1 a{text-decoration:none;position:absolute;top:0;left:0;color:#333;font-family:Microsoft YaHei,small;}
#div1 a:hover{border:1px solid #000;color:#000;padding:0 5px;}

第二步:添加JS加載

我就直接貼出JS的內(nèi)容,大家也可以把它整理一下放入到一個單獨的JS文件里面進行調(diào)用。

<script type="text/javascript">
var radius = 100;var dtr = Math.PI/110;var d=200;var mcList = [];var active = false;var lasta = 1;var lastb = 1;var distr = true;var tspeed=0.4;var size=2000000;var mouseX=0;var mouseY=0;var howElliptical=1;var aA=null;var oDiv=null;window.onload=function (){var i=0;var oTag=null;oDiv=document.getElementById('div1');aA=oDiv.getElementsByTagName('a');for(i=0;i<aA.length;i++){oTag={};oTag.offsetWidth=aA[i].offsetWidth;oTag.offsetHeight=aA[i].offsetHeight;mcList.push(oTag);}sineCosine( 0,0,0 );positionAll();oDiv.onmouseover=function (){active=true;};oDiv.onmouseout=function (){active=false;};oDiv.onmousemove=function (ev){var oEvent=window.event || ev;mouseX=oEvent.clientX-(oDiv.offsetLeft+oDiv.offsetWidth/2);mouseY=oEvent.clientY-(oDiv.offsetTop+oDiv.offsetHeight/1);mouseX/=20;mouseY/=20;};setInterval(update, 30);};
function update(){var a;var b;if(active){a = (-Math.min( Math.max( -mouseY, -size ), size ) / radius ) * tspeed;b = (Math.min( Math.max( -mouseX, -size ), size ) / radius ) * tspeed;}else{a = lasta * 1;b = lastb * 1;}lasta=a;lastb=b;if(Math.abs(a)<=0.01 && Math.abs(b)<=0.01){return;}var c=0;sineCosine(a,b,c);for(var j=0;j<mcList.length;j++){var rx1=mcList[j].cx;var ry1=mcList[j].cy*ca+mcList[j].cz*(-sa);var rz1=mcList[j].cy*sa+mcList[j].cz*ca;var rx2=rx1*cb+rz1*sb;var ry2=ry1;var rz2=rx1*(-sb)+rz1*cb;var rx3=rx2*cc+ry2*(-sc);var ry3=rx2*sc+ry2*cc;var rz3=rz2;mcList[j].cx=rx3;mcList[j].cy=ry3;mcList[j].cz=rz3;per=d/(d+rz3);mcList[j].x=(howElliptical*rx3*per)-(howElliptical*2);mcList[j].y=ry3*per;mcList[j].scale=per;mcList[j].alpha=per;mcList[j].alpha=(mcList[j].alpha-0.6)*(10/6);}doPosition();depthSort();
}function depthSort(){var i=0;var aTmp=[]; for(i=0;i<aA.length;i++){aTmp.push(aA[i]);}aTmp.sort(function (vItem1, vItem2){if(vItem1.cz>vItem2.cz){return -1; }else if(vItem1.cz<vItem2.cz){return 1;}else{return 0;}});for(i=0;i<aTmp.length;i++){aTmp[i].style.zIndex=i;}}function positionAll(){var phi=0;var theta=0;var max=mcList.length;var i=0;var aTmp=[];var oFragment=document.createDocumentFragment();
for(i=0;i<aA.length;i++){aTmp.push(aA[i]); }aTmp.sort(function (){return Math.random()<0.5?1:-1;});for(i=0;i<aTmp.length;i++){oFragment.appendChild(aTmp[i]);}oDiv.appendChild(oFragment);for( var i=1; i<max+1; i++){if( distr ){phi = Math.acos(-1+(2*i-1)/max);theta = Math.sqrt(max*Math.PI)*phi;}else{phi = Math.random()*(Math.PI);theta = Math.random()*(2*Math.PI);}//http://www.dianjinseo.com
mcList[i-1].cx = radius * Math.cos(theta)*Math.sin(phi);mcList[i-1].cy = radius * Math.sin(theta)*Math.sin(phi);mcList[i-1].cz = radius * Math.cos(phi);aA[i-1].style.left=mcList[i-1].cx+oDiv.offsetWidth/2-mcList[i-1].offsetWidth/2+'px';aA[i-1].style.top=mcList[i-1].cy+oDiv.offsetHeight/2-mcList[i-1].offsetHeight/2+'px';}}function doPosition(){var l=oDiv.offsetWidth/2;var t=oDiv.offsetHeight/2;for(var i=0;i<mcList.length;i++){aA[i].style.left=mcList[i].cx+l-mcList[i].offsetWidth/2+'px';aA[i].style.top=mcList[i].cy+t-mcList[i].offsetHeight/2+'px';aA[i].style.fontSize=Math.ceil(13*mcList[i].scale/2)+2+'px';aA[i].style.filter="alpha(opacity="+100*mcList[i].alpha+")";aA[i].style.opacity=mcList[i].alpha;}}function sineCosine( a, b, c){sa = Math.sin(a * dtr);ca = Math.cos(a * dtr);sb = Math.sin(b * dtr);cb = Math.cos(b * dtr);sc = Math.sin(c * dtr);cc = Math.cos(c * dtr);}
</script>

第三步:添加DIV控制

我們需要在標(biāo)簽調(diào)用代碼前加入<div id="div1">中間為標(biāo)簽調(diào)用代碼</div>

以上三步就可以完美完成符合SEO優(yōu)化的3D動態(tài)標(biāo)簽,讓你的標(biāo)簽轉(zhuǎn)起來吧。

最后我再分享一個word***ess彩色標(biāo)簽的函數(shù)代碼給大家,大家希望word***ess 3D動態(tài)標(biāo)簽是彩色字的朋友,可以將一下函數(shù)代碼添加到word***ess函數(shù)模板里面。

//彩色標(biāo)簽云
function colorCloud($text) {
$text = ***eg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,16777215));
$pattern = '/style=('|")(.*)('|")/i';
$text = ***eg_replace($pattern, "style="color:#{$color};$2;"", $text);
return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

分享到:

相關(guān)文章

+ 微信號:fuhails

添加微信好友,詳細(xì)了解產(chǎn)品。

78成人精品电影在线播放日韩精品电影一区亚洲,亚洲国产aⅴ成人精品无吗,成人永久福利免费观看,国产成人亚洲精品无码av大片

        欧美日韩亚洲高清| 久久精品人人做人人综合| 欧美福利视频在线| 亚洲七七久久综合桃花剧情介绍| 欧美三区免费完整视频在线观看| 一区二区三区高清视频在线观看| 国产精品乱码一区二区三区| 欧美激情在线播放| 正在播放亚洲| 国产免费成人av| 欧美色另类天堂2015| 校园激情久久| 亚洲国产成人av| 国产视频不卡| 欧美v日韩v国产v| 久久久人人人| 夜夜爽www精品| 国产午夜精品视频| 国产精品免费视频xxxx| 久久久久久久久久久一区 | 欧美交受高潮1| 久久亚洲春色中文字幕久久久| 亚洲人成7777| 国产精品白丝jk黑袜喷水| 欧美黄色一级视频| 亚洲欧美三级在线| 亚洲国产cao| 一区精品久久| 国产精品vvv| 欧美视频日韩视频| 久久综合久久综合九色| 久久久久久久一区| 99热精品在线观看| 狠狠入ady亚洲精品经典电影| 国产精品免费电影| 欧美二区在线播放| 欧美国产综合视频| 欧美在线视频观看| 亚洲精品美女| 99精品视频免费观看视频| 国产一区日韩二区欧美三区| 国产色产综合色产在线视频| 欧美美女福利视频| 欧美日韩国产一区精品一区| 久久嫩草精品久久久久| 久久一综合视频| 亚洲欧美激情一区| 亚洲精品国产精品国自产在线 | 久久视频一区二区| 亚洲专区一二三| 亚洲三级免费| a4yy欧美一区二区三区| 伊人精品成人久久综合软件| 伊人久久综合| 国产亚洲欧美日韩一区二区| 韩国av一区二区三区| 国产精品日本欧美一区二区三区| 国产精品一区在线观看你懂的| 欧美美女视频| 国产精品盗摄久久久| 欧美激情一区二区久久久| 欧美日韩国产精品专区| 乱码第一页成人| 欧美激情在线狂野欧美精品| 久久频这里精品99香蕉| 欧美激情一区二区三区全黄| 媚黑女一区二区| 欧美日韩国内| 欧美激情精品久久久久久免费印度| 欧美日韩成人综合在线一区二区| 欧美/亚洲一区| 欧美日韩在线视频首页| 欧美国产一区二区在线观看| 国产精品99免费看 | 国产一区二区日韩精品| 黑人操亚洲美女惩罚| 国产女优一区| 亚洲国产精品va在看黑人| 加勒比av一区二区| 日韩视频永久免费| 亚洲欧洲日产国产综合网| 亚洲视频免费在线| 一本色道久久综合狠狠躁的推荐| 亚洲欧美成人一区二区三区| 久久久久久91香蕉国产| 久久精品亚洲一区| 欧美日本一道本| 欧美激情精品久久久久久| 国产精品亚洲网站| 国产精品一区久久| 亚洲人成在线观看一区二区| 亚洲国产另类精品专区| 亚洲无线观看| 久久亚洲捆绑美女| 另类春色校园亚洲| 国产精品美女久久久浪潮软件 | 欧美精品 日韩| 欧美韩日一区| 国产日韩精品视频一区二区三区 | 国产女优一区| 国产视频不卡| 亚洲精品欧美| 在线亚洲美日韩| 麻豆av福利av久久av| 国产精品成人播放| 国产精品主播| 999亚洲国产精| 久久一二三区| 欧美久久视频| 一色屋精品视频在线观看网站| 亚洲国产成人不卡| 欧美在线视频全部完| 欧美日韩在线直播| 国产精品网站在线播放| 亚洲乱码国产乱码精品精天堂 | 欧美精品一区二区三| 欧美日韩成人综合天天影院| 国产自产在线视频一区| 在线精品一区二区| 午夜精品久久久久久久99水蜜桃| 欧美国产欧美综合| 国产精品a久久久久| 亚洲国产精品久久久久秋霞不卡| 亚洲精品乱码久久久久久蜜桃91 | 欧美一区1区三区3区公司| 欧美精品在线视频观看| 国产精品电影观看| 亚洲看片免费| 久久资源在线| 欧美日韩在线大尺度| 亚洲国产高潮在线观看| 一本大道久久精品懂色aⅴ| 免费国产一区二区| 狠狠色伊人亚洲综合网站色| 亚洲日本va在线观看| 久久综合色一综合色88| 国产亚洲一区二区三区在线观看 | 在线播放国产一区中文字幕剧情欧美| 午夜精品久久久久久久| 国产精品久久久久毛片软件| 国产精品久久久一区二区三区| 在线看欧美日韩| 久久久精品欧美丰满| 欧美精品一区二区三区四区| 亚洲国产成人精品视频| 久久偷看各类wc女厕嘘嘘偷窃| 欧美日韩国产在线播放网站| 亚洲久久一区| 欧美美女日韩| 国产一区二区三区四区五区美女| 午夜精品三级视频福利| 国产精品日本欧美一区二区三区| 尤物视频一区二区| 久久一区视频| 在线观看欧美| 老牛国产精品一区的观看方式| 欧美视频四区| 亚洲色图在线视频| 欧美特黄一区| 亚洲成人在线视频网站| 久久一区中文字幕| 亚洲国产精品欧美一二99| 欧美成人午夜免费视在线看片| 国产欧美va欧美不卡在线| 午夜日韩电影| 国产日韩精品在线观看| 日韩一区二区电影网| 欧美日韩大片| 在线视频日韩| 欧美视频一区二区在线观看| 亚洲第一黄色网| 欧美~级网站不卡| 亚洲精品视频二区| 欧美日韩在线亚洲一区蜜芽| 亚洲国产精品尤物yw在线观看 | 国产精品羞羞答答| 日韩亚洲成人av在线| 欧美日韩在线播放三区| 亚洲一区精品视频| 国产精品亚洲片夜色在线| 99国产麻豆精品| 国产精品乱人伦中文| 欧美一区二区三区在线| 含羞草久久爱69一区| 欧美成人免费大片| 一区在线视频| 欧美精品一区二区三区视频| 亚洲深爱激情| 国产性做久久久久久| 久久在线免费| 国内精品视频在线播放| 欧美xx69| 亚洲伊人一本大道中文字幕| 国产日韩欧美精品一区| 麻豆精品视频在线| 伊人久久亚洲热| 欧美日韩国产综合视频在线观看 | 欧美午夜寂寞影院| 99精品国产在热久久婷婷| 国产精品一卡|