您的位置:首页 > Web前端 > JavaScript

Javascript+CSS应用小技巧

2010-10-18 10:22 405 查看
<!--这一段使表格的行样式,当鼠标移过时改变颜色。-->
<style type="text/css">
.hiline
{
background-color:#FBFBDE;
}
</style>
<script type="text/javascript">
$(function () {
$("tr").hover(function () {
$(this).addClass("hiline");
}, function () {
$(this).removeClass("hiline");
});
});
</script>

这一段是Javascript实现鼠标移动过表格的行时,改变该行背景色的实现代码。

hiline CSS样式类设置背景色,当鼠标移入行时addClass("hiline"),移出行时removeClass("hiline")。

这里采用的是Jquery语法架构。

=======================================================================

// Javascript获取Url

<script type="text/javascript">
function request(paras) {
var url = location.href;
var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
var paraObj = {}
for (i = 0; j = paraString[i]; i++) {
paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if (typeof (returnValue) == "undefined") {
return "";
} else {
return returnValue;
}
}
var theurl = request('url');
var theimg = request('img');
//alert(location.href);
//document.writeln("<a href='" + theurl + "' target=_blank><img src=" + theimg + " width=750 height=450 border=0></a>");
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: