几行代码轻松搞定jquery实现flash8类似的连接效果


Posted in Javascript onMay 03, 2007

很简单几行代码就可以实现整个页面的连接效果. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<script src="js/jquery-latest.pack.js" type="text/javascript"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
   $("#list1").css("list-style","none");  
  $("#list1").css("margin","0px");  
  $("#list1").children().css("background-image","url(l_04.gif)");  
  $("#list1").children().css("height","30px");  
  $("#list1").children().children().css("margin-left","0px");  
  $("#list1").children().children().css("padding-left","12px");  
  $("#list1").children().children().css("background-image","url(allow_01.gif)");  
  $("#list1").children().children().css("background-repeat","no-repeat");  
  $("#list1").children().children().css("background-position","left center");  
  $("#list1").children().children().mouseover(function(){  
   $(this).css("background-image","url(allow_02.gif)");  
   $(this).css("margin-left","6px");  
  });  
  $("#list1").children().children().mouseout(function(){  
   $(this).css("background-image","url(allow_01.gif)");  
   $(this).css("margin-left","0px");  
  });  
}  
);  
</script>  
<title>无标题文档</title>  
</head>  
<body>  
<div>  
<ul id="list1">  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
  <li><a href="#">例表第一项</a></li>  
</ul>  
</div>  
</body>  
</html> 
Javascript 相关文章推荐
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
Node.js中的缓冲与流模块详细介绍
Feb 11 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
Jan 02 Javascript
Angular4 反向代理Details实践
May 30 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 #Javascript
javascript静态的url如何传递
May 03 #Javascript
可以支持多中格式的JS键盘
May 02 #Javascript
javascript英文日期(有时间)选择器
May 02 #Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 #Javascript
JavaScript 实现??打印?理
Apr 28 #Javascript
javascript实现的listview效果
Apr 28 #Javascript
You might like
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
php中memcache 基本操作实例
2015/05/17 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
php测试kafka项目示例
2020/02/06 PHP
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
Python中的异常处理学习笔记
2015/01/28 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Python之用户输入的实例
2018/06/22 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
python三方库之requests的快速上手
2019/03/04 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
python的常见矩阵运算(小结)
2019/08/07 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
python中entry用法讲解
2020/12/04 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
比利时家具购买网站:Home24
2019/01/03 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
质检员岗位职责
2013/12/17 职场文书
搬家公司的创业计划书
2014/01/01 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
pandas中DataFrame数据合并连接(merge、join、concat)
2021/05/30 Python