复习练习(03)jquery Css方法一步步升级
2024-10-16 21:45:15
jquery Css方法一步步升级
<script src="jquery-1.8.3.js"></script>
<script type="text/javascript">
//css 方法 一步步升级
//1.css
/* $(function () {
$("input").click(function() {
$(".shang").css("font-size", "22px");
$(".shang").css("background-color", "red");
$(".shang").css("border", "#000 5px solid");
$(".shang").css("opacity", "0.5");
}); });
*/ //2.css
/* $(function () {
$("input").click(function () {
$(".shang").css("font-size", "22px").css("background-color", "red").css("border", "#000 5px solid").css("opacity", "0.5");
}); });
*/ //3.css
/* $(function () {
$("input").click(function () {
var s =
{
"font-size": "22px",
"background-color": "red",
"border": "#000 5px solid",
"opacity": "0.5"
}
$(".shang").css(s);
});
});
*/
//4.css
$(function () {
$("input").click(function () { $(".shang").css({
"font-size": "22px",
"background-color": "red",
"border": "#000 5px solid",
"opacity": "0.5"
});
});
});
//5.css
$(function () {
$("input").click(function ()
{
$(".shang").css({width: function (index, value){ return ((index * 50) + 100) + "px"; },
"height": "100px",
"background-color": "red"
});
});
});
</script> </head>
<body>
<input type="button" value="dianji"/>
<div id="shang" class="shang">dddds
<ul>
<li>fasl</li>
<li> sssss<span> span hong1</span></li>
<li> sssss<span> span hong2</span></li>
</ul>
</div>
</body>
最新文章
- 利用CSS3中transparent实现三角形及三角形组合图
- .NET面试题解析(11)-SQL语言基础及数据库基本原理
- 编写jquery常用插件的基本格式
- 更新包地址安装新版node.js
- LoadRunner - 当DiscuzNT遇上了Loadrunner(中) (转发)
- 关于OpenGL+GLSL深度贴图采样
- JavaEE下载文件名不显示中文的问题
- JSON AND BSON
- Jasper_plug_install
- 使用Linux静态库
- Java 类的成员初始化顺序
- 与apk签名有关的那些概念与命令
- flask-sqlalchemy基本操作数据库
- Vue站点的搭建之旅
- Android(Java)利用findbugs进行代码静态检查
- react+redux+webpack+git技术栈
- 解压unzip的用法
- 42_redux_counter应用_redux异步版本
- 设置TabWidget的样式的方法、关联Fragment与tabwidget的方法、点击tab显示相应Fragment方法
- jQuery字体缩放缩放插件zoomFontSize.js
热门文章
- centos6.6 LVS+keepalived
- php使用p3p实现cookies跨域设置 实现单点登录,全站登录
- DS实验题 PlayGame Kruskal(UnionFindSet)
- ExtJS4笔记 Data
- 使用DB4o做一个.Net版的website(一)环境
- Any changes made by a writer will not be seen by other users of the database until the changes have been completed
- laravel redis
- JS中的_proto_
- 没有对“C:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files”的写访问权限 的解决方案
- 论MySQL的监控和调优