css这样实现
html如下
.download-block{
width:90%
height:100px
background:#0b0e32
/*margin: 100px auto 0*/
margin:0 auto
position:absolute
left:0
right:0
transition-duration:2s
opacity:0.7
}
.download-block1{
background:transparent
height:100px
overflow:hidden
position:relative
left:0
top:-100px
right:0
padding-top:100px
transition-duration:2s
opacity:0.7
cursor:pointer
}
.download-block1:hover{
padding-top:0
transition-duration:2s
opacity:0.7
}
代码如下：这里先解说下——这里有A /B 两个按钮，分别链接a/b.css， 只要单击按钮就可以实现改变头部id为change_css 的css文件。当你希望change_css一开始没有css只是点击按钮的时候才有css的话，那么你给change_css这个id的链接 href=“ ”
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<link id="change_css" rel="stylesheet" type="text/css" href="a.css">
</head>
<body>
<input type=button value="A按钮" onclick="document.all.change_css.href='a.css'">
<input type=button value="B按钮" onclick="document.all.change_css.href='b.css'">
</body>
</html>
下载JQ ui 弹窗demo可按照以下步骤完成：
1，打开JQ ui，点击download按钮，如下图：
2，找到Version处，根据自身情况选择版本。然后找到Components，默认是勾选了Toggle All，即全部下载。这里只下载弹窗demo，就取消掉此勾选。如下图：
3，滚动页面，在下方Widgets中找到Dialog项，并勾选，如下图（勾选Dialog之后，会自动勾选其所依赖的相关组件）：
4，然后滚动页面到最下方，点击download按钮，即可下载弹窗demo。如下图：
