博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于按钮背景透明 + div拖拽
阅读量:7008 次
发布时间:2019-06-28

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

.btn_buttom{
margin: 0px; padding: 0px; outline: none; /*去除按钮单击后的虚线框*/ border: none; /*去除边框*/ width: 43px; height: 23px; background-image: url(Images/bg_buttom.png); background-color: transparent; /*设置透明度*/} jquery 动态更换元素样式
function btnOK() {            if ($("#btnid").attr("class") == "btn_top") {//取得当前元素的class 名                 $("#btnid").removeClass();//去掉原来class                $("#btnid").addClass("btn_buttom");//添加新的class             } else {                $("#btnid").removeClass();                $("#btnid").addClass("btn_top");            }            $("#title_tanchu").slideToggle("slow");                   }
/* 模块拖拽div        $(function () {        var _move = false; //移动标记          var _x, _y; //鼠标离控件左上角的相对位置          $(".Abnormal").click(function () {        //alert("click");//点击(松开后触发)          }).mousedown(function (e) {        _move = true;        _x = e.pageX - parseInt($(".Abnormal").css("left"));        _y = e.pageY - parseInt($(".Abnormal").css("top"));        $(".Abnormal").fadeTo(20, 0.5); //点击后开始拖动并透明显示          });        $(document).mousemove(function (e) {        if (_move) {        var x = e.pageX - _x; //移动时根据鼠标位置计算控件左上角的绝对位置          var y = e.pageY - _y;        $(".Abnormal").css({ top: y, left: x }); //控件新位置          }        }).mouseup(function () {        _move = false;        $(".Abnormal").fadeTo("fast", 1); //松开鼠标后停止移动并恢复成不透明          });        });        */ 
 

 

 

 

转载于:https://www.cnblogs.com/yangxinghua/p/3865838.html

你可能感兴趣的文章
人工智能落地之路:从概念验证到产品
查看>>
人工智能专业如此火爆,在我国已有35所大学开设,一篇文章帮你全汇总
查看>>
【实例】offline temporary表空间三剑客之一
查看>>
linux 开启独立iptables日志
查看>>
httpd 2.4.9 + mysql-5.5.33 + php-5.4.26编译安装
查看>>
Scala的模式匹配和条件类
查看>>
python 之简单模拟银行系统功能(卡号申请、还款、支付、取现)
查看>>
autossh 启动脚本
查看>>
zabbix3.0.2 实现发送email报警的详细过程
查看>>
zabbix自定义监控实现思路以及自定义监控某个端口的连接数
查看>>
监控程序进程的VBS脚本
查看>>
OpenCart产品属性过滤(Atrribute Filter)功能插件
查看>>
第 四 十 一 天:mysql 调 优 方 式
查看>>
Python -- 字符串 列表 元组 字典
查看>>
CodeForces 146A Lucky Ticket
查看>>
我的友情链接
查看>>
Oracle中 IN 和 EXISTS 的性能区别和使用注意事项
查看>>
MySQL热备份与还原---利用mysqldump---备份脚本
查看>>
《赠2011中国IT博客大赛》,赠与中国IT博客大赛和51CTO的一首诗
查看>>
C++字符串拼接和输入
查看>>