我用的是jquery-1.3.2.js
大家如果要用鼠标移动到表格变色特效
就必须引入这个js文件,然后在把下面的脚本写一个js文件,引用页面,最后只需要在网页加载的时候执行该函数.
/*
*@param tabID 表格名称
*@param oveClass 鼠标进入时的样式
*@param outClass 鼠标离开时的样式(为样式名称)
*/
function altrow(tabID,oveClass,outClass) {
var rowObj = $("#" + tabID).find("tr");
$.each(rowObj, function (i, obj) {
var tr = $(obj);
tr.mousemove(function () {
tr.addClass(oveClass);
});
tr.mouseout(function () {
tr.removeClass(oveClass);
tr.addClass(outClass);
});
});
}
如:
window.onload=function(){
altrow(传入参数);
}
或者用jquery来实现
$(document).ready(function(){
altrow(传入参数);
});
分享到:
相关推荐
总之,"jQuery 鼠标移动到表格变色特效"是一个利用jQuery处理鼠标事件并改变元素样式的实例,通过学习这个例子,开发者可以掌握jQuery的基本用法,了解如何结合CSS实现交互效果,这对于创建动态、响应式的网页界面至...
在这个“CSS Hover表格变色样式特效.zip”压缩包中,包含了一个实用的jQuery和CSS结合实现的表格元素hover效果的代码示例,该示例可以方便地应用于网页中,为用户提供更直观和友好的交互体验。 首先,我们来理解CSS...
25.jquery鼠标移动出现下拉菜单及提示特效代码 26.jquery外国滚动型多级展开菜单插件(jGlideMenu)下载 27.jquery自由滚动切换 标签式导航菜单示例 28.博客Blog横向jquery动态滑动菜单插件示例 29.打包50种...
文章还推荐了一系列专题资源,包括《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》...
3. **伪类选择器**:为了实现变色效果,可能需要利用伪类选择器,如`:hover`(鼠标悬停时)、`:active`(元素被激活时)和`:focus`(元素获得焦点时)。这些选择器可以改变元素在特定状态下的样式。 4. **动态效果*...
6. **各种滑动门**:滑动门是一种导航栏设计,内容随着鼠标移动而展示,常用于节省空间并提高导航的可读性。可以使用CSS3的`:hover`伪类和JavaScript事件监听实现。 7. **广告特效**:广告通常需要吸引用户的注意力...
鼠标特效,如鼠标经过时的图像变化、跟随鼠标移动的元素等,能够增加网页的趣味性。这些通常通过CSS和JavaScript实现,而ASP可以提供后台支持,如根据用户操作更新页面状态。 游戏特效在网页中也越来越常见,如简单...
以上特效的实现往往涉及到DOM操作、事件处理、CSS样式控制等JavaScript基础知识,同时也可能用到一些设计模式和优化技巧。学习并掌握这些实例,不仅能够提升前端开发技能,还能为实际项目提供灵感和解决方案。在实际...
16. 窗口大小调整、窗口移动、历史按纽、修改时间、镜框、网页按纽、冻结、自动刷新、超级变色、观察键值、四种窗口、简易复选、超级大字、表格变色、加载网页、掐死text、控制打印、网页热键、浏览器交互文字、右键...