JS给元素添加自定义hover函数

浅浅的花香味﹌ 2023-08-17 16:22 27阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" charset="utf-8">
    	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    	<title>无标题文档</title>
    	<script type="text/javascript">
    	$(document).ready(function(){
      		$("#demo1").hover(function(){
    	 		$("#demo1").css("top","20px");
    			$("#demo1").css("left","20px");
    			
    	  	},function(){
    			$("#demo1").css("top","0px");
    		    $("#demo1").css("left","0px");
    
    		});
      	});
    </script>
    </head>
    <body>
     <div>
     	<div style="position: relative; width:240px; height:240px; border:1px solid #CCC; padding:20px;" id="demo1">
     		<div  style="width:200px; height:200px; background-color:#096;" >
        		111
        	</div>
        </div>
     	<div style="width:200px; height:200px; background-color:#096;" id="demo2">
        	222
        </div>
     </div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，27人围观）

还没有评论，来说两句吧...

相关阅读

相关通过原生js动态给元素添加选择器

添加：节点.classList.add("类名")；例如： li.classList.add('active');

今天药忘吃喽~/ 2023年08月17日 17:50/ 0 赞/ 213 阅读

相关 JS给元素添加自定义hover函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

浅浅的花香味﹌/ 2023年08月17日 16:22/ 0 赞/ 28 阅读

相关 golang学习之路-08type自定义类型、自定义别名、结构体自定义别名、给结构体添加函数

package main import ( "fmt" "reflect" "time" )

Love The Way You Lie/ 2023年06月18日 10:52/ 0 赞/ 141 阅读

相关原生js给元素添加事件

<body> <button id="bb"></button> <div id="a1"></div> </body>

电玩女神/ 2023年05月29日 11:38/ 0 赞/ 141 阅读

相关 js使用for循环给每个数组添加元素

var arr = []; for (var i = 0; i < arr.length; i++) {

朴灿烈づ我的快乐病毒、/ 2022年10月21日 03:50/ 0 赞/ 327 阅读

相关给easyui tree添加自定义属性

在jquery.easyui.js中找到 $.data(_e9[0], "tree-node", { id : _e8.id, t

小鱼儿/ 2022年09月20日 15:08/ 0 赞/ 308 阅读

相关 js动态给dom元素添加类名

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

青旅半醒/ 2022年09月07日 09:38/ 0 赞/ 433 阅读

相关 js自定义函数

js也能想Java那样使用对象的概念。通过new创建对象，然后使用对象.方法名称,或者对象.属性名的方式使用属性或方法。 js定义对象： // js自定

一时失言乱红尘/ 2022年07月12日 03:46/ 0 赞/ 334 阅读

相关 jQuery自定义方法之hover()

定义和用法 hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。语法 $(selector).hover(inFunction,outFun

我会带着你远行/ 2022年06月07日 23:43/ 0 赞/ 436 阅读

相关原生JS给元素添加类移除类

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na

末蓝、/ 2022年05月17日 03:58/ 0 赞/ 361 阅读