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

        国产精品美女主播| 欧美黄色aa电影| 国产麻豆91精品| 嫩草成人www欧美| 亚洲免费成人| 国产精品高潮呻吟久久av无限| 久久免费午夜影院| 亚洲激情影院| 国产精品v欧美精品v日韩精品| 嫩草成人www欧美| 亚洲一级片在线看| 国内揄拍国内精品少妇国语| 国产精品视频久久一区| 久久久久久综合网天天| 亚洲精品中文字幕有码专区| 一区二区在线观看视频| 欧美日韩mp4| 欧美成人xxx| 亚洲男人的天堂在线观看| 国产专区综合网| 国产亚洲精品久久久久婷婷瑜伽| 毛片一区二区三区| 久久综合给合久久狠狠色| 日韩午夜三级在线| 国产色综合久久| 国产精品裸体一区二区三区| 久久久久久久久蜜桃| av成人免费在线| 99国产麻豆精品| 国产一区二区三区无遮挡| 国产欧美视频一区二区| 欧美高清免费| 欧美成人午夜剧场免费观看| 亚洲午夜女主播在线直播| 好看不卡的中文字幕| 国产一区二区电影在线观看| 欧美久久久久久久久| 欧美大香线蕉线伊人久久国产精品| 亚洲影院污污.| 亚洲激情国产精品| 亚洲国产精品欧美一二99| 国产精品私拍pans大尺度在线| 国产精品视频第一区| 欧美大片在线观看| 欧美激情一区二区三区全黄| 久久精品99国产精品酒店日本| 99国内精品| 国产精品99久久久久久久vr | 午夜精品久久久久久久久久久久久 | 欧美无乱码久久久免费午夜一区| 久久精品国产99| 久久久久久久久一区二区| 亚洲欧美国产精品桃花| 亚洲蜜桃精久久久久久久| 国产精品99久久不卡二区| 亚洲欧洲精品一区二区| 日韩视频永久免费观看| 亚洲黄色av一区| 一本久久综合亚洲鲁鲁| 亚洲福利精品| 妖精视频成人观看www| 亚洲二区在线| 一区二区三区精密机械公司 | 亚洲日本欧美天堂| 在线成人激情| 亚洲精品一区二| 亚洲韩国精品一区| 亚洲线精品一区二区三区八戒| 亚洲精品在线观看免费| 亚洲午夜精品久久| 99视频国产精品免费观看| 亚洲欧美另类国产| 久久久久久久尹人综合网亚洲| 翔田千里一区二区| 免费欧美高清视频| 另类图片国产| 欧美视频在线不卡| 欧美视频专区一二在线观看| 国产日本欧美在线观看| 国产精品一区二区女厕厕| 黄色成人免费观看| 精品成人在线视频| 9人人澡人人爽人人精品| 日韩亚洲欧美一区二区三区| 欧美在线免费观看视频| 欧美好吊妞视频| 欧美黄色一区二区| 国产日韩免费| 国产日韩欧美亚洲| 亚洲人体一区| 亚洲精品久久久久久久久久久久| 亚洲综合清纯丝袜自拍| 欧美电影电视剧在线观看| 欧美国产日韩一区二区在线观看| 国产欧美日韩91| 国产综合视频在线观看| 一区二区三区日韩精品视频| 久久综合图片| 欧美精品在线一区二区| 国内精品久久久久久久果冻传媒 | 一本色道久久| 久久精品在线免费观看| 欧美日韩综合不卡| 国产精品你懂得| 亚洲精选一区二区| 久久久999成人| 蜜臀va亚洲va欧美va天堂| 国产精品网红福利| 国产一区二区欧美| 亚洲天堂男人| 欧美黄色一区二区| 国产精品sss| 亚洲精品在线视频观看| 麻豆成人精品| 欧美日韩一区二区免费在线观看 | 国产精品天天看| 9i看片成人免费高清| 美女露胸一区二区三区| 欧美极品影院| 在线日本高清免费不卡| 亚洲伦伦在线| 欧美 日韩 国产精品免费观看| 国产视频精品xxxx| 亚洲国产va精品久久久不卡综合| 午夜日韩av| 国产精品vvv| 国际精品欧美精品| 午夜精品久久久久久久99樱桃| 欧美日韩亚洲不卡| 国产在线观看精品一区二区三区| 亚洲摸下面视频| 国产精品成人国产乱一区| 海角社区69精品视频| 欧美伊久线香蕉线新在线| 国产精品腿扒开做爽爽爽挤奶网站| 精品成人在线观看| 久久久精品性| 韩国av一区二区三区| 亚洲免费成人av| 欧美精品日韩精品| 亚洲国产欧美在线人成| 久久夜色精品| 国产精品成人aaaaa网站| 一本色道久久88精品综合| 欧美日韩播放| 伊人成人开心激情综合网| 久久久久久久久久久久久9999| 国产一区二区高清| 亚洲精品国产视频| 欧美日韩在线三区| 狠狠久久婷婷| 久久国内精品自在自线400部| 国产精品夜夜夜一区二区三区尤| 91久久中文| 欧美国产一区二区三区激情无套| 亚洲激情电影在线| 欧美黄色小视频| 黄色免费成人| 久久国产精品久久久久久久久久| 国产亚洲一区二区三区在线观看| 一区二区三区四区蜜桃| 欧美色一级片| 亚洲欧美春色| 国产乱肥老妇国产一区二| 99v久久综合狠狠综合久久| 欧美日韩久久精品| 亚洲小视频在线| 国产精品私房写真福利视频| 亚洲美女av电影| 欧美日韩一区二区在线播放| 亚洲视频免费看| 国产伦理精品不卡| 99国产麻豆精品| 国产精品美女主播| 久久国产精品久久久| 亚洲电影免费观看高清完整版在线观看 | 国产欧美69| 久久在精品线影院精品国产| 国产精品视频久久| 久久精品毛片| 亚洲高清资源| 欧美日韩高清在线| 91久久综合| 国产精品爱啪在线线免费观看| 午夜精品一区二区三区四区| 黄色免费成人| 欧美高清在线一区| 1204国产成人精品视频| 欧美日韩人人澡狠狠躁视频| 亚洲午夜高清视频| 国产综合自拍| 欧美区二区三区| 亚洲精品久久久蜜桃| 国产精品乱码人人做人人爱| 久久久99免费视频| 日韩视频一区| 国产一区二区日韩精品| 欧美成人午夜免费视在线看片 | 久久人人爽爽爽人久久久| 黑人中文字幕一区二区三区|