2 qq 21608393 qq_21608393 于 2016.01.29 11:09 提问

web,大神看看这个功能怎么实现的。
web

http://vhello.cn/
公告下方的,鼠标移动上去后显示其他颜色。这是html5的吗?

10个回答

rui888
rui888   Ds   Rxr 2016.01.29 11:25
 <dl class="clearfix">
            <dd class="vborder">
                <a href="/index.php?g=Home&amp;m=Index&amp;a=fc">
                    <div class="fimg icon website"></div>
                    <h3>微官网</h3>
                </a>
                <p>5分钟轻松建站<br>打造酷炫微官网</p>
            </dd>
            <dd class="vborder">
                <a href="/index.php?g=Home&amp;m=Index&amp;a=fc">
                    <div class="fimg icon member"></div>
                    <h3>微会员</h3>
                </a>
                <p>方便携带&nbsp;永不挂失<br>消费积分&nbsp;一卡配备</p>
            </dd>
            <dd class="vborder">
                <a href="/index.php?g=Home&amp;m=Index&amp;a=fc">
                    <div class="fimg icon activities"></div>
                    <h3>微活动</h3>
                </a>
                <p>吸引用户参与<br>增强用户沉淀</p>
            </dd>
            <dd class="vborder active">
                <a href="/index.php?g=Home&amp;m=Index&amp;a=fc">
                    <div class="fimg icon Push"></div>
                    <h3>微推送</h3>
                </a>
                <p>无线周边推广<br>提高品牌知名度</p>
            </dd>
            <dd class="">
                <a href="/index.php?g=Home&amp;m=Index&amp;a=fc">
                    <div class="fimg icon service"></div>
                    <h3>微服务</h3>
                </a>
                <p>提供生活服务<br>增加用户粘性</p>
            </dd>
        </dl>

js 实现

 <script>
                $(document).ready(function(){
                    $(".feature-content dd").hover(
                        function(){
                            $(this).addClass("active")
                        },
                        function(){
                            $(this).removeClass("active");
                        }
                    );  
                });
            </script>
qq_21608393
qq_21608393 回复叶芝殇: 谢谢,我再看看
2 年多之前 回复
jiuwohuge
jiuwohuge 回复qq_21608393: 应该是没问题的,聚焦失焦改变class样式,并没有问题。这个正解啥
2 年多之前 回复
qq_21608393
qq_21608393 没有效果呀。。
2 年多之前 回复
caozhy
caozhy
2 年多之前 回复
caozhy
caozhy   Ds   Rxr 2016.01.29 11:21

http://vhello.cn/tpl/Home/laoyang/common/css/img/icon.png
它是js切换的,有两排图标,一个灰色的,一个蓝色的。

showbo
showbo   Ds   Rxr 2016.01.29 11:31

:hover样式而已,然后设置样色和背景图片的位置(background-position)

qq_21608393
qq_21608393   2016.01.29 11:45

这中图标不能自定义吗?还是有图标库?

qq_21608393
qq_21608393   2016.01.29 12:20

有没有实例代码呀?用图片做背景就好。。。

qq_21608393
qq_21608393   2016.01.29 14:43

one
已经实现,这种方法更简单。

qq_21608393
qq_21608393   2016.01.29 14:44

one

qq_21608393
qq_21608393   2016.01.29 14:45
 <a href=http://www.kmwzjs.com><img src="images/logo.jpg" onmouseover="this.src='images/h.jpg'" onmouseout="this.src='images/logo.jpg'" />one</a></div>
rui888
rui888   Ds   Rxr 2016.01.29 11:17
jk_wzw
jk_wzw   2016.01.29 11:15

CSS3的:hover选择器

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
大神帮忙看看这个问题怎么解决
用模拟器运行程序时老是闪退!04-10 06:37:43.794 2611-3870/? W/GCM-GMS: Failed to get registration: java.io.IOException: AUTHENTICATION_FAILED04-10 06:38:03.761 3881-3881/? D/AndroidRuntime: &amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt; ...
2016年蓝桥杯C语言大学A组题目6--寒假作业
题目6.寒假作业 现在小学的数学题目也不是那么好玩的。 看看这个寒假作业:    每个方块代表1~13中的某一个数字,但不能重复。 比如:  6 + 7 =13  9 - 8 =1  3 * 4 =12  10/ 2 = 5 以及:  7 + 6 =13  9 - 8 =1  3 * 4 =12  10/ 2 = 5 就算两种解法。(加法,乘法交换律后算不同的方案)
Java Web基础知识之JSP:穿上马甲我照样认识你
之前一直说的是Servlet,但是由于只是做一个Demo,并没有完全显示一个界面,所以它的两个缺点没有显示出来: 所有的HTML标签和文本都必须使用一个字符串形式通过ServletResponse的实例写出去;所有的文本和样式必须得进行硬编码,也就是说如果你想稍微更改一下前端的显示的话,必须得重新编译Servlet实例; 针对这两个问题,提出了jsp这种技术,一般来说jsp有点像HTM
Android新手机开启日志功能(本人用的是酷派大神f2手机)
android学习笔记(零碎的记忆)
Java实现Hadoop大表join
这是一个课堂作业,用来join订单和用户,在这里记录下来。源数据csv order.csv ID_O,Order_No,ID_P 1,24351,2 2,43567,1 3,77895,156 person.csv Id_P,LastName,FirstName,Address,City 1,Snow,Jon,GreatWall,Winterfell 2, Lannister,Tyrion,Cast
请大神们看看这个异常怎么处理
Exception in thread "main" com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: FUNCTION addUser does not exist at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) at sun.
Win8风格MetroUI
喜欢win8的朋友,可能想过,怎么用网页实现这个效果呢,看看这个资料吧
这是一道数据库题
看看这个该怎么去做,这个很难的
Java web 注册登录功能实现简介
在java中,注册功能的实现首先需要判断用户名,密码是否合法,用户名不能重复,包含敏感词等。同时不要将明文的密码直接保存到数据库,我们可以先用md5算法对用户密码和用户的salt整体进行加密,然后返回相应注册的信息。当注册成功时则服务器端则向客户端发送一个token。 客户端已经被下发了一个token,当客户端发送带token的http请求时,首先根据token获取用户的id,再根据用户id查询
如何成为一个牛掰的Java大神
如何成为一个牛掰的Java大神? 2015-12-24 java那些事 这个文章不错,所以转载过来,怕过一段这个页面不存在了。 来自:HollisChuang's Blog 链接:http://www.hollischuang.com/archives/489 一、基础篇 1.1 JVM 1.1.1. Java内存模