css创意ul+li实现的细线表格实现代码
write by 阿会楠 环境:IE7+IE6
#ulDate{
width:404px;
margin:0;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
#ulDate li{
float:left;
width:100px;
height:30px;
list-style-type:none;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
/*非必须*/
line-height:30px;
font-size:12px;
text-align:center;
}
- 时间
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
- 2008-7-30
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
css创意ul+li实现的细线表格实现代码
write by 阿会楠 环境:IE7+IE6 #ulDate{ width:404px; margin:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; } #ulDate li{ float:left; width:100px; height:30px; list-style-type:none; border-right:1px solid #cccccc; border-bottom:1px solid #cc
-
Angular中ng-repeat与ul li的多层嵌套重复问题
学习ng-repeat的过程中常常使用到ng-repeat="item in array"来循环输出所需要的元素,但是当我们需要使用ng-repeat进行多层嵌套时则容易出现数据重复的问题. 如在加载与点击事件于js中进行两次http请求获取data分别为list01[]数组和list02[]赋值再如下显示则会导致it1下每个ul都会重复输出list02[]数组中的内容 <ul ng-repeat="it1 in list01"> <li ng-c
-
C#删除UL LI中指定标签里文字的方法
本文实例讲述了C#删除UL LI中指定标签里文字的方法.分享给大家供大家参考,具体如下: 现在需求越来越变态,但是做代码只能尽量满足,这里先是扣去ul和li中的超链接里的文字 PromptHtml = GetData.GetHTTPInfo(Config.Prompt_Url, "utf-8"); PromptHtml = PromptHtml.Replace("<ul><li>", ""); PromptHtml=Pro
-
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
检查bug的步骤 1. bug定位 在js脚本中,按照脚本执行的顺序,你可以用console或alert,来确定bug发生的代码区间,然后在区间内进一步来查找bug发生的具体代码段. 2. bug fix 通过排除,就是在插入节点内容的时候导致了bug,我用的是kissy的DOM.html()方法,其功能类似于DOM元素节点innerHTML方法,我起初认为是这个方法导致的IE6\7渲染出错,然后我换成了innerHTML方法,结果还是有误. 这时候我想到了内存泄露,看看是不是在循环拼接字符串的
-
Angular.js与Bootstrap相结合实现表格分页代码
先给大家简单介绍angular.js和bootstrap基本概念. AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML. Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 最近一直学习Angular.js,在学习过程
-
js+css实现超简洁的二级下拉菜单效果代码
本文实例讲述了js+css实现超简洁的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一个很简洁的CSS+JavaScript二级菜单,没有使用过多的修饰素材,尽量不调用外部图片,简洁大方,而且便于二级开发完善,最初是一个政府网站上的菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-2jxl-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//
-
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
本文实例讲述了js+css实现的圆角边框TAB选项卡滑动门效果.实例包含两款CSS圆角代码,可鼠标点击,也可鼠标移动上去显示效果,分享给大家供大家参考.具体如下: 运行效果图:-------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js+css实现的圆角边框TAB选项卡滑动门代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio
-
JS+CSS实现的经典圆角下拉菜单效果代码
本文实例讲述了JS+CSS实现的圆角下拉菜单效果代码.分享给大家供大家参考,具体如下: 相信不少朋友会喜欢这一款菜单,CSS+JS实现的圆角下拉菜单,没有使用任何修饰性的图片哦,圆角完全是用JS完成的,因此代码多了些,想使用的朋友把JS文件提取出来另存,这样更合理些. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-jd-cicle-style-button-demo/ 具体代码如下: <!DOCTYPE html PUBLIC &qu
-
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
先给大家展示下效果图,如果大家感觉还不错,请参考实现代码哦! HTML: <div class="container iden_top"> <ul> <li> <p class='iden_add_name'>应用标识1</p> <span class="iden_top_button"></span> <div class="iden_top_dete"&
-
JS+CSS实现大气的黑色首页导航菜单效果代码
本文实例讲述了JS+CSS实现大气的黑色首页导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款JS+CSS实现的大气的重色+红色高强对比的菜单,可用作首页导航菜单,从设计的角度来讲,挺专业,从实用角度来讲,应用广泛,是款人见人爱的经典风格菜单,超不错的一个作品. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-black-style-nav-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC
随机推荐
- javascript+xml技术实现分页浏览
- Git 命令行教程及实例教程(附github注册)
- CSS+JS构建的图片查看器
- IOS 详解socket编程[oc]粘包、半包处理
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- 用javascript实现计算两个日期的间隔天数
- 通过5个php实例细致说明传值与传引用的区别
- php+mysql写的简单留言本实例代码
- 进一步理解Python中的函数编程
- Python 错误和异常小结
- C#使用LINQ查询表达式的基本子句总结
- 记录无法安装mysql-Invalid GPG Key from file:/etc/pki/rpm-gpg/RPM-GPG-KEY-mysql的解决办法
- 关于Django外键赋值问题详解
- Python实现购物系统(示例讲解)
- php生成RSS订阅的方法
- js子页面获取父页面数据示例
- 纵谈网络加密及解密技术方法
- Vista的3D RSS阅读软件
- iOS键盘自适应弹出效果
- C# 如何获取出错的错误所在行数信息 原创