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

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

http://www.cheersmug.com/网站上 OUR MUGSCUSTOMIZE MUGSABOUT 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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行