码迷,mamicode.com
首页 > 其他好文 > 详细

jq1 颜色填充器

时间:2016-11-14 22:33:04      阅读:358      评论:0      收藏:0      [点我收藏+]

标签:nbsp   css   div   oat   highlight   black   rip   log   query   

1.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 颜色填充div</title>
    <script src="jquery-1.12.3.min.js"></script>
    <style>
        div{width:100px;height: 100px; border: 1px solid black; float: left; margin: 10px}
    </style>
</head>
<body>
<span>red</span>
<span>yellow</span>
<span>green</span>
<span>black</span><br/>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
    var color = "";
     $(‘span‘).click(function(){
        color =  $(this).html();
     });
    $(‘div‘).click(function(){
        $(this).css(‘background‘,color);
    });
</script>
</body>
</html>

 

jq1 颜色填充器

标签:nbsp   css   div   oat   highlight   black   rip   log   query   

原文地址:http://www.cnblogs.com/bravolove/p/6063733.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!