`
hgfghwq11
  • 浏览: 47465 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

列表划过效果,和点击效果!!!

 
阅读更多

    列表划过效果,和点击效果!!! 收藏
  js效果的鼠标划过列表并且点击留下混迹。
  css代码: .mail-l-bg { float:left; background:url(../images/mail-l-bg.gif)!important; width:170px; height:371px; margin:6px 4px; display:inline } .c{ clear:both} .mail-line-bg { float:left; width:158px; height:22px; margin:10px 0px 3px 6px; color:#333; cursor:hand; display:inline } .mail-line-bgcolor { background-color:#72a6e0; } .mail-line-bg img { float:left; margin:4px 10px; display:inline } .mail-line-bg div { float:left; margin:5px 4px !important margin:4px 4px; display:inline } .mail-line-bg font { float:left; margin:3px 2px !important margin:2px 2px; font-size:12px; font-weight:bold } .mail-line-bg1 { float:left; width:158px; height:22px; margin-bottom:3px; margin-left:6px; color:#333; cursor:hand; display:inline } .mail-line-bgcolor1 { background-color:#dfe8f1; } .mail-line-bg1 img { float:left; margin:4px 10px; display:inline } .mail-line-bg1 div { float:left; margin:5px 4px !important margin:4px 4px; display:inline } .mail-line-bg1 font { float:left; margin:3px 2px !important margin:2px 2px; font-size:12px; font-weight:bold } .m-xian { margin-left:auto; margin-right:auto; background-color:#d7dee4; width:90%; height:1px; } .hh8 { float:left; height:8px; width:100%; } .bg_bule { float:left; width:100%; background-color:#c7d4e5; margin-bottom:-9999px; padding-bottom:9999px; } js代码: //设置背景色 setclassbg = function(obj, classname) { obj.className = classname; } //点击后更改背景 onclickbg = function(obj,counts) { var oid = obj.id; for (var i = 0; i  新闻 风云榜 制度 文化 新闻 风云榜 制度 文化  
  
分享到:
评论

相关推荐

    隔行换色 带鼠标划过三种效果

    三种效果的隔行换色,DIV和LI的布局,鼠标划过LI换颜色,单纯隔行换色,鼠标划过没变化,鼠标点击换颜色,三种效果。代码简单,JS

    jQuery实现鼠标划过文字左右移动.rar

    jQuery实现鼠标划过文字左右移动 请点击演示地址看效果。

    输入框点击时边框变色效果的实现方法

    实例如下: <!DOCTYPE ...<... <head>...输入框点击时边框变色效果</title> </head> <body> <style typ

    新建tab页-网页左右滑动效果-划过图片其他图片变暗

    仿360极速浏览器新建页面标签,点击底部的按钮网页的内容会滑动切换,总共5屏,是一个绚丽实用的效果,里面还有当鼠标滑过一个图片,网页内其余图片被遮罩变暗的效果

    html5 canvas鼠标点击液体波浪动画效果

    这是一款基于html5 canvas画布实现的鼠标点击液体波浪动画效果,漂亮的html5波浪动画特效代码。

    弹出效果实例

    鼠标划过搜索框或者其他输入框弹出预设关键词的提示层,弹出的提示是DIV层模拟的效果,这样的模拟会更灵活多变 很炫的弹出效果

    js实现鼠标点击页面弹出自定义文字效果

    主要为大家详细介绍了js实现鼠标点击页面弹出自定义文字效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    JQuery横向手风琴效果1

    一个很不错的JQ横向手风琴效果里面集中了4种效果 自动切换,点击切换划过切换等等

    Android UI控件之Gallery实现拖动式图片浏览效果

    不是硬性的点击按钮而是可以实现手指的拖动,划开效果。使用户具有更好的交互体验,不过这种效果是如何实现的呢? 在Android中是通过Gallery来实现拖动效果的。 通过Gallery可以实现各种各样的效果,此篇文章只是...

    jQuery实现鼠标划过文字左右移动特效代码

    jQuery实现鼠标划过文字左右移动 请点击演示地址看效果。

    js表格变色制作表格隔行变色,滑过选中变色特效

    js表格特效制作js表格变色效果,表格隔行变色,鼠标滑过显示单行变色效果,点击选中变色。内含js代码下载

    web在线广告管理系统

    2.代码复制框取消了鼠标划过就选定的功能,以防止复制错误。 3.编辑页添加了JS文件调用的显示效果,以及调用代码,减少了动态调用和静态JS文件调用存在不一致的可能。 2.在编辑页增加生成代码的连接和及时浏览效果的...

    在线广告管理系统 v1.1 加强版

    2.代码复制框取消了鼠标划过就选定的功能,以防止复制错误。 3.编辑页添加了JS文件调用的显示效果,以及调用代码,减少了动态调用和静态JS文件调用存在不一致的可能。 v1.1 新增功能: 1.修正v1.0不能调用HTML式...

    创佳在线广告管理系统 v1.1 加强版.zip

    2.代码复制框取消了鼠标划过就选定的功能,以防止复制错误。 3.编辑页添加了JS文件调用的显示效果,以及调用代码,减少了动态调用和静态JS文件调用存在不一致的可能。 v1.1 新增功能: 1.修正v1.0不能调用HTML...

    Cesium,加载面geojson, 鼠标点选高亮显示面边界

    Cesium-1.35下测试通过,加载面geojson,点击选择面并高亮显示面边界,完成面积计算,欢迎下载使用

    js实现鼠标点击文本框自动选中内容的方法

    这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入...

    绚丽鼠标效果,发光效果的圆圈

    摘要:Flash源码,鼠标效果,发光效果 绚丽鼠标效果,发光效果的圆圈,它还带有动画菜单,当点击某个菜单的时候,会显示一个圆圈,用按住鼠标拖动圆圈上的箭头,在鼠标划过的区域,会看到绚丽的光影效果,呵呵,我自己...

    一个高保真android交互原型

    2、主菜单(应用程序列表)的切换及划屏操作 2.1 桌面与主菜单界面切换 (请用鼠标点击界面底部的“主菜单/主页“图标体验) 点界面底部Launcher快捷栏的主菜单图标切换到主菜单界面。主菜单界面从下方弹出(注意...

    超炫酷的jQuery/HTML5应用搜罗

    作为前端开发者,我们肯定都使用过...这款jQuery Dock菜单可以悬浮在页面两侧,鼠标划过菜单项时将会出现很酷的动画效果。 在线演示 源码下载 3、纯CSS3动画按钮 可左右滑动 利用CSS3的一些动画[......] 阅读全文>>

    JQuery&CSS;&CSS;+DIV实例大全.rar

    5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip...

Global site tag (gtag.js) - Google Analytics