博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js hover 下拉框
阅读量:5366 次
发布时间:2019-06-15

本文共 2121 字,大约阅读时间需要 7 分钟。

    
111111
111111
222222
333333
.box {
width: 100px; } .a, .b {
width: 200px; height: 30px; background: red; /*border: 1px solid #000;*/ } .a.f:after {
content: url(x-.g.png); width: 10px; height: 10px; display: inline-block; } .a-box {
display: none; } .a:after {
content: url(d-g.png); width: 10px; height: 10px; display: inline-block; } /*.b:after { content: url(x-.g.png); width: 10px; height: 10px; display: inline-block;   }*/ .d {
display: none; }
$(function() {                $('.box').on('mouseenter', function() {                    $('.a-box').css('display', 'block');                    $(".a").removeClass('f');                })                $('.box').on('mouseleave', function() {                    $('.a-box').css('display', 'none');                    $(".a").addClass('f');                })                $('.box').on('click', '.a', function() {                    $('.a-box').css('display', 'none');                    $(".a").addClass('f');                })                $('.a-box').on('click', '.b', function() {                    $('.d').removeClass('d');                    $(this).addClass('d');                    $('.a').remove();                    $('.box').prepend($(this).clone().attr('class', 'a f'));                    $('.a-box').css('display', 'none');                })            })

类名为了方便随便命名的,当然开发过程中不允许这样命名,为了大家看的明白一些

转载于:https://www.cnblogs.com/chen527/p/9591818.html

你可能感兴趣的文章
WordPress 3.5 RC3 发布
查看>>
DOM扩展札记
查看>>
primitive assembly
查看>>
根据经纬度查询位置百度api
查看>>
浅谈localStorage的用法
查看>>
Ad Exchange基本接口和功能
查看>>
Angular ui-router的常用配置参数详解
查看>>
软考知识点梳理--项目评估
查看>>
把特斯拉送上火星的程序员,马斯克!
查看>>
三测单
查看>>
MyBatis 缓存
查看>>
SQL中left outer join与inner join 混用时,SQL Server自动优化执行计划
查看>>
mac下python实现vmstat
查看>>
jxl.dll操作总结
查看>>
成员函数对象类的const和非const成员函数的重载
查看>>
机器学习实战-----八大分类器识别树叶带源码
查看>>
eclipse git 新的文件没有add index选项
查看>>
java 泛型
查看>>
VC NetShareAdd的用法
查看>>
java web项目中后台控制层对参数进行自定义验证 类 Pattern
查看>>