2 yangyangrenren yangyangrenren 于 2013.10.23 21:30 提问

http://www.cheersmug.com/网站上文字的特效是怎样制作的?

http://www.cheersmug.com/网站上 OUR MUGSCUSTOMIZE MUGSABOUT US 文字的特效是怎样制作的?还有,最好这个也可以在 php 界面中实现效果。我学的不深,请教教我。

1个回答

songzhiyong1121
songzhiyong1121   2013.11.28 11:50
已采纳

使用jquery做的动画,绑定mouseenter和mouseout事件即可,你再调整一下样式就能得到那个效果了

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("#area").bind("mouseenter",function(){
    var div=$("div");
    div.animate({height:'200px',width:'200px'},"fast");
  });
$("#area").bind("mouseout",function(){
    var div=$("div");
    div.animate({height:'180px',width:'180px'},"fast");
 });
});
</script> 
</head>

<body>
<div id="area" style="background:#98bf21;height:180px;width:180px;position:absolute;text-align:center;vertical-align:middle-center">
 <a  href="/product_category.html" style="width:180px;height:180px;text-align:center">OUR MUGS</a>
</div>
</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!