<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>attr()和css()的用法,</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div><img src="http://pic2116.ytqmx.com:82/2017/0907/6/1.jpg"></div>
<button>获得宽度</button>
<button>改变高度</button>
<button>设置偏移</button>
<button>改变图片样式</button>
<p>图片的宽度是 <span id="span1"></span> px。</p>
<script type="text/javascript">
//设置图片的CSS样式
$("img").css({"box-shadow":"10px 10px 5px #888888","border-radius":"50%"})
//设置图片的宽度
$("img").attr("height","400")
//获取图片的宽度
$(".btn1").click(function(){
$("#span1").text($('img').width());
});
//改变图片的高度
$(".btn2").click(function(){
$("img").height(600);
});
//改变图片的偏移
$(".btn3").click(function(){
$("img").offset({left:500});
});
</script>
</body>
</html>
博客列表 >attr()和css()的用法-2018-04-04
attr()和css()的用法-2018-04-04
- Lucifer的博客原创转载
- 2018年04月08日 17:58:04622浏览
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
