yangyangrenren 2013-10-23 13:30 采纳率: 25%
浏览 1970
已采纳

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

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

  • 写回答

1条回答

  • Jerome_Song 2013-11-28 03: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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥20 关于#硬件工程#的问题，请各位专家解答！
  • ¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错，维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯：Person is not mapped，如何解決？
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容