1. 超链接样式的切换
<script type="text/jscript">
$(function() {
$( "#tabs" ).tabs();
$(".menu li a").click(function () {
$(".menu li a").removeClass("current", 100);
$(this).addClass("current", 100);
var str = $(this).attr("datafield");
$("#xg").attr("src",str);
});
});
</script>
<div class="menu">
<ul>
<li><a id="A4" href="#" datafield="querytothemezhongzhi.aspx?flg=起草中" class="current">起草中的选题中止</a> </li>
<li><a id="A5" href="#" datafield="querytothemezhongzhi.aspx?flg=审批中">审批中的选题中止</a> </li>
<li><a id="A6" href="#" datafield="querytothemezhongzhi.aspx?flg=完成">已完成的选题中止</a> </li>
</ul>
</div>
/*找模板就上免费模板网
www.865171.cn
*/
.menu
{
border-style: none;
border-width: 0px;
border-color: inherit;
margin: 0px;
padding: 0px;
font-family: ‘Times New Roman‘ , Times, serif;
font-size: 12px;
font-weight: bold;
color: #8E8E8E;
}
.menu ul
{
background: url( ‘../images/menu-bg.gif‘ ) repeat-x left top;
height: 43px;
list-style: none;
margin: 0;
padding: 0;
}
.menu li
{
float: left;
}
.menu li a
{
color: #666666;
display: block;
font-weight: bold;
line-height: 43px;
padding: 0px 15px 0px 15px;
text-align: center;
text-decoration: none;
}
.menu li a:hover
{
color: #000000;
text-decoration: none;
}
.menu p
{
clear: left;
}
.menu .current
{
background: url( ‘../images/current-bg.gif‘ ) repeat-x left top;
color: #ffffff;
}
2、弹出窗体
var strUrl = "../SelectDic/SelectBookInfo.aspx?optThemetype=00";
var str = window.showModalDialog(strUrl,"","dialogWidth:850px;dialogHeight=550px;resizable=yes;");
3、更改文本的背景色
$("#fldfzreason").css("background-color","#e5eecc");