由于系统自定的select样式的确丑到爆,所以抽空写了这么一个可以自定义下拉菜单样式的插件,思路就是隐藏select,用一个span标签显示内容,ul标签显示下拉列表,如图:IE下存在一个BUG,设置overflow-y后,IE下设置width无效,只测试了IE9,其他版本未测试,当然如果能加入自定...
分类:
Web程序 时间:
2015-06-12 13:03:21
阅读次数:
190
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4{margin:0;padding:0;font-style:normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica,sans-serif} o....
分类:
Web程序 时间:
2015-06-11 18:37:01
阅读次数:
159
=============html===== 1 2 3 4 ==========css=========*{margin: 0;padding: 0;}ul{list-style:none;position: relative;}ul li{width:50px;he...
分类:
移动开发 时间:
2015-06-11 16:27:28
阅读次数:
159
看一看最终的效果:
下面我们就按照分析→设计→实现 三大步骤来完成这个导航的效果,学会了之后,会发现大多数电商都是用这样的效果的。我们先从把结构写好:一个nav包含上面一个div(全部商品分类),一个导航列表(ul li) 然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位,这个div分成左边:小分类列表,右边图片广告)
因为我是用 纯css+html写的, 所以它的文件有...
分类:
Web程序 时间:
2015-06-09 13:49:26
阅读次数:
2256
html代码如下:<divclass="uinn4white"id="listview"><ul><!--------列表循环----><liclass="ubbubbc-bordert-blaub-aclis"data-index="0"><divclass="checkboxumar-r"><inputtype="checkbox"class="uabsub-con"/></div><ulclass..
分类:
移动开发 时间:
2015-06-08 15:18:07
阅读次数:
487
CSS网页切图实例教程下7、导航的制作,是一个典型的ULLI列表。我们先写出HTML代码,而在我们导航列表之间有一个竖线隔开。<ul><li><a
href="#">divcss8.com首页</a>|</li><li><ahref="#">关于捷福</a>|</li><li>&..
分类:
Web程序 时间:
2015-06-06 15:07:56
阅读次数:
144
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<ul>
<li id="bj"...
分类:
Web程序 时间:
2015-06-05 18:03:14
阅读次数:
153
鼠标点击滚动锚点//滚动锚点$('.menus-c ul li a').click(function(){ //alert(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset()....
分类:
其他好文 时间:
2015-06-04 19:18:07
阅读次数:
141
1. $("p.intro")->所有 class="intro" 的 元素 $("div#intro .head")->id="intro" 的 元素中的所有 class="head" 的元素 $("ul li:first")->每个 的第一个 元素2. jQuery 使用 XPath...
分类:
Web程序 时间:
2015-06-03 21:15:35
阅读次数:
116
一、【ul】无序列表1、无序列表======二、【ol】有序列表1、有序列表用于段落有序的排列, 内容 三、【dl】定义列表1、定义列表包含的属性元素【dt】父类,【dd】子类。 类目 子类目
分类:
Web程序 时间:
2015-06-03 06:08:19
阅读次数:
155