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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
AjaX_特效
IBM网站上的AJAX特效制作!
做一个B站视频样式
我也不知道这个该叫啥``反正效果图是这样的&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;zh-cn&quot;&amp;gt;  &amp;lt;head&amp;gt;    &amp;lt;title&amp;gt;gosu1.html&amp;lt;/title&amp;gt;     &amp;lt;meta name=&quot;keywords&quot; content=&quot;Asatoga is gosu!&quot;&amp
js 特效 html 特效 灰色文字的制作
js 特效 html 特效 灰色文字的制作! js 特效 html 特效 灰色文字的制作!
js 特效 html 特效 特殊文字的制作
js 特效 html 特效 特殊文字的制作 js 特效 html 特效 特殊文字的制作
文字制作特效,一个很好用的文字特效工具
文字制作特效,一个很好用的文字特效工具,小巧,有效,支持声音、动画的制作
如何让百度、Google收录你的网站
正所谓“酒香也怕巷子深”,更何况我们区区草民不为人知的站点?那么,怎样才能让更多的人都知道你的站点呢?这就要靠自己的大力宣传来提高站点的知名度了。而且如果你不把站点提交到各大搜索引擎中,它们一般是很难收录你的站点的,你可以先尝试一下看看能不能在百度搜到你的站点吧:如果你搜不到的话说明你的站点还没有被百度收录,那么怎么才能被百度、Google等各大搜索引擎收录你的站点呢?当然是申请免费登
3行代码,实现IP到地理位置的反查功能
一.功能介绍 通过传入的IP地址,返回IP所在的地理位置。如传入“58.16.209.19”,返回“贵州省六盘水市 ”。 返回的地理位置又分为3种精确度,程序可以按照自身需要选择。三种精确度分别为:地区(省直辖市级),城市(地市级),详细位置。例如对于“58.16.209.19”,三种精度的值为: Java代码 地区:贵州     城市:贵州省六盘水市    详细地址:六枝特区腾龙网吧  二.3行代码实现地域查询 Java代码 //第1行,获取IP反查服务(JSP中写的)  IPLocationServic
最好的网页文字提取器
瞬间把网络文字扒下来,不论是否有没有保护。真正的好用软件。
总结一下在网页上动画效果都是怎么搞的
一般来讲。。动画效果都是应用在一些产品展示页面的,而下面有三种方法实现动画效果,八仙过海,各显神通。 1    .animated_div     {     width: 200px;     animation:animated_div 2s 1;     position: relative;     } @keyframes animated_div {     0
js网站轮播图怎么做简单?鸡哥教你简单制作效果炫酷
日了狗啦,刚刚鸡哥辛苦码了那么多字全丢了又要重新写,这是第二遍写了... 今天鸡哥给小白写个不需要写js原生代码,只需要几个插件和一段通俗易懂得jquery代码就能搞定的轮播图,当然js原生代码写着也不算很繁琐,但是有些浪费时间,更何况很多人并不会用js直接写包括鸡哥,当年在学校还是研究过一段时间js的,当时还独自写了一个轮播图俘获了多少同班妹子的芳心,不过现在是基本废了,这东西要常写,不然忘的