css列表前的小方块
自己用个符号·来代替,却发现怎么显示都比较小,后来自己研究才发现我的字体全部定义成tahoma了,只要采用“宋体”就正常了。
列表前的小方块--design by 我们
body{font:14px tahoma;}
a:link,a:visited{text-decoration:none;font-family:"宋体";color:#999999;}
a:hover{color:red;text-decoration:underline;}
ul{list-style-type:none;}
ul li{padding-top:2px;}
- ·我们
- ·我们
- ·我们
- ·我们
- ·我们
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
css列表前的小方块
自己用个符号·来代替,却发现怎么显示都比较小,后来自己研究才发现我的字体全部定义成tahoma了,只要采用"宋体"就正常了. 列表前的小方块--design by 我们 body{font:14px tahoma;} a:link,a:visited{text-decoration:none;font-family:"宋体";color:#999999;} a:hover{color:red;text-decoration:underline;} ul{list-s
-
js代码实现随机颜色的小方块
下面一段代码就是用js实现的随机颜色的小方块,不多说了代码很简单,直接上代码了. /**/js注释已删 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF- "> <meta charset="utf- "> <title>koringz&l
-
jQuery实现为LI列表前3行设置样式的方法【2种方法】
本文实例讲述了jQuery实现为LI列表前3行设置样式的方法.分享给大家供大家参考,具体如下: 在设计网页模板的时候,为了突出信息的重要性以及美观度,我们会设置一些样式使LI文章列表的前3行加上不同的样式,例如给LI文章列表的前3行文字颜色设置红色,再例如图片列表的时候设置列表第一张图片.第二张图片等的宽和高,都可以用蓝叶分享的这两种方法为LI列表设置样式:对于懂PHP语言的设计者来说,很容易就可以实现的效果,对于不懂PHP语言的可以使用这两种方法也很轻松的实现自己想要的各种效果. <!DOCT
-
javascript利用键盘控制小方块的移动
本文实例为大家分享了利用键盘控制小方块的移动,供大家参考,具体内容如下 原理 1. 利用键盘控制移动,则需要了解onkeydown函数,表示某个按键被按下,可以以此绑定一个事件响应函数,当键盘被按下时候,触发此事件,进行移动 2. keyCode 对于keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码.对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码.虚拟键盘码可能和使用的键盘的布局相关. 因此我们可以根据keycode返回的字符码来判断用户所
-
jquery实现拖拽小方块效果
今天来讲一个很常用的拖拽功能,主要是利用一点css,js和jquery,很简单但同时也很重要,掌握好才是最关键的! 下面来看下效果图: 这里可以看到,在鼠标hover的时候会有一个透明度的变化和一个盒子阴影!并且在右下角会实时的显示出小方块移动时横纵坐标的变化! 可以看到有一个盒子阴影 在鼠标单击按住的时候会变红,然后可以拖动小块随意移动 我们在看代码之前可以先了解下jquery中的基本知识(选择器,css控制器什么的)和offset()和clientX,clientY.思路很简单,就是分别监听
-
用Python将一个列表分割成小列表的实例讲解
方法一 def list_of_groups(init_list, childern_list_len): ''' init_list为初始化的列表,childern_list_len初始化列表中的几个数据组成一个小列表 :param init_list: :param childern_list_len: :return: ''' list_of_group = zip(*(iter(init_list),) *childern_list_len) end_list = [list(i) fo
-
Python中使用filter过滤列表的一个小技巧分享
有的时候使用dir(Module),可以查看里面的方法,但是模块自带的属性"__"开头的也会显示,如下: >>> import random >>> dir(random) ['BPF', 'LOG4', 'NV_MAGICCONST', 'RECIP_BPF', 'Random', 'SG_MAGICCONST', 'SystemRandom', 'TWOPI', 'WichmannHill', '_Buil tinMethodType', '_M
-
基于jQuery实现列表循环滚动小技巧(超简单)
看到一个很好的思路,记录一下 之前使用jQuery做滚动效果,在这两篇文章里有写:文一.文二,分别使用了scrollLeft()与scrollTop().scroll()来实现 后来看到一个demo,觉得思路很妙,想着可以用来做列表内容项的滚动,效果大概是这样的: 思路是这样的: 只要能够不停地把第一个item移动到末尾,其余的自会往上填补空缺,填补的过程用动画放慢些,就能有不断滚动的视觉效果了(数组删了第一个元素,再在末尾加上这个元素,等于把第一个元素移动到末尾:元素总量没有改变,但位置全发生
-
纯js和css完成贪吃蛇小游戏demo
本文实例为大家分享了js贪吃蛇小游戏demo,纯js和css完成,供大家参考,具体内容如下 <!doctype html> <html> <meta charset="utf-8"> <head> <style> *{ margin: 0; padding:0; } .content{ position: absolute; width: 500px; height: 500px; background-color: #212
-
CSS样式表常用小技巧收藏
· ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值. · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效. · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来. 临时解决方法:选择符 {属性名:B !
随机推荐
- NodeJS框架Express的模板视图机制分析
- jQuery ajax实现省市县三级联动
- PHP+MySql+jQuery实现的"顶"和"踩"投票功能
- Java排序算法总结之插入排序
- Java 比较字符串实例详解
- ASP.NET MVC4之js css文件合并功能(3)
- 详解WordPress中过滤链接与过滤SQL语句的方法
- Yii框架创建cronjob定时任务的方法分析
- jsp Hibernate批量更新和批量删除处理代码
- MySQL定时器开启、调用实现代码
- PHP简单读取PDF页数的实现方法
- Javascript实现多彩雪花从天降散落效果的方法
- Chrome的hack写法以及CSS的支持程度图示
- IE最新的欺骗代码
- javascript 跨域问题以及解决办法
- AJAX 自学练习 无刷新提交并修改数据库数据并显示
- 用Asp隐藏文件路径,实现防盗链 的代码
- PHP webshell检查工具 python实现代码
- javascript onmouseout 解决办法
- 深入理解js中的加载事件