南京手机网站制作公司,网站开发用什么代码,wordpress医疗主题,祖传做网站本文实例讲述了jQuery实现3D文字特效的方法。分享给大家供大家参考。具体如下#xff1a;这款基于jQuery的3D文字特效演示#xff0c;不是真正的3D#xff0c;是由多个文字形成的3D效果#xff0c;如果首次加载网页出错的话#xff0c;请刷新一下页面#xff0c;当然在使…本文实例讲述了jQuery实现3D文字特效的方法。分享给大家供大家参考。具体如下这款基于jQuery的3D文字特效演示不是真正的3D是由多个文字形成的3D效果如果首次加载网页出错的话请刷新一下页面当然在使用中不会出现此问题。jQuery 3D文字body{font-family: Arial, MS Trebuchet, sans-serif;background-color: #111;}#list{margin:0 auto;height:600px;width:600px;overflow:hidden;position:relative;background-color: #000;}#list ul,#list li{list-style:none;margin:0;padding:0;}#list a{position:absolute;text-decoration: none;color:#666;}#list a:hover{color:#ccc;}ajaxcssdesignfirefoxflashhtmlDevirtuosojqueryPHPSEOusabilitywwwwebxhtml$(document).ready(function(){var element $(#list a);;var offset 0;var stepping 0.03;var list $(#list);var $list $(list)$list.mousemove(function(e){var topOfList $list.eq(0).offset().topvar listHeight $list.height()stepping (e.clientY - topOfList) / listHeight * 0.2 - 0.1;});for (var i element.length - 1; i 0; i--){element[i].elemAngle i * Math.PI * 2 / element.length;}setInterval(render, 20);function render(){for (var i element.length - 1; i 0; i--){var angle element[i].elemAngle offset;x 120 Math.sin(angle) * 30;y 45 Math.cos(angle) * 40;size Math.round(40 - Math.sin(angle) * 40);var elementCenter $(element[i]).width() / 2;var leftValue (($list.width()/2) * x / 100 - elementCenter) px$(element[i]).css(fontSize, size pt);$(element[i]).css(opacity,size/100);$(element[i]).css(zIndex ,size);$(element[i]).css(left ,leftValue);$(element[i]).css(top, y %);}offset stepping;}});希望本文所述对大家的jQuery程序设计有所帮助。
