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>
<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>
相关文章推荐
- 建站有很多技术,如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、http://ASP.NET、Web Services、浏览器脚本、服务器脚本等。它们的区别是什么?新手一点不懂,想理清所有这些技术之间的关系和应用范围。
- Web移动应用的未来:使用HTML5,CSS和JavaScript
- 求助 javascript以及css滤镜详细介绍,在IE以及火狐、chrome等主流浏览器下的详细应用教程
- javascript 应用小技巧方法汇总
- Web移动应用:HTML5,CSS和JavaScript
- 用HTML,Javascript,CSS开发桌面应用
- web 移动应用 HTML5 CSS javascript--科卓培训移动开发系列
- CSS与JavaScript的综合应用---跑马灯特效
- javascript 应用小技巧方法
- javascript 应用小技巧方法汇总
- 鼠标经过图片时变换的两种方法--css+div及javascript应用
- JavaScript 学习笔记3 CSS的ID、CLASS简单应用
- SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用
- 最新的Javascript和CSS应用技巧荟萃
- 最新的 Javascript 和 CSS 应用技巧荟萃
- jsp,JavaScript,css,html 注释应用
- javascript中dialog应用小技巧
- javascript的40种网页常用小技巧应用
- 最新的Javascript和CSS应用技巧荟萃
- JS:CSS在JAVASCRIPT中的应用