- 博客(10)
- 资源 (109)
- 收藏
- 关注
原创 带滑动条的导航栏(下)---修复浏览器变窄后导航栏变成两条的BUG
前言 我在演示的过程中,突然发现了一个BUG,如下 全屏时候,还能显示成一行,可缩小浏览器后,一行的浏览器就变成两行了,甚至更多行。原因 如下图,ul的父元素依次是nav-box 、 banner、body,而我在设置它们的时候,宽度都没有写成固定值,即body按照默认,banner的width为100%,nav-box的width为50%,如果将浏览器缩窄,假如此时
2015-12-16 22:47:49 2350
原创 带滑动条的导航栏(中)---jQuery实现滑动效果
前言 本节利用jQuery实现最终的滑动效果。网页代码 navigator2.html 导航栏 (function ($) { $(function () { nav(); }); function nav() { var $liCur = $(".nav-box ul li.cur"),
2015-12-16 21:58:14 10466 1
原创 带滑动条的导航栏(上)---CSS实现样式
前言 本系列实现的是带有滑动条的导航栏,效果图如下 我看其它的网站,对比之下还是喜欢这种简洁大方的感觉,于是乎扒拉下来了。布局层 首先,我新建了一个navigator1.html,先用div布局,如下 滑动条导航栏 body{margin: 0; } ul, li{margin: 0; padding: 0;}
2015-12-14 23:11:47 9649 2
原创 CSS设计表格(下)--PHP读取XML并用表格显示
前言 在刚开始的时候,我说过这个表格准备用于后台显示用户信息等,既然是后台,就少不了和数据库及后台语言(比如PHP)打交道,比如我通过PHP读取数据库信息并显示。本节内容为了简单起见,以XML文件代替数据库的存储功能,将用户信息存放于XML文件内,如下userinfo.xml 将其读取显示到表格效果如下 工程示例代码点此下载示例代码 本节的示例代
2015-12-13 21:23:23 1782
原创 CSS设计表格(中)--jQuery实现删除指定行
前言 上一节,利用CSS实现了一个样式表格,增加了全选功能,本节利用jQuery实现删除指定行功能。如下效果图: 实现代码 table3.html内容 Table删除行 body{margin: 0;} .main{ width: 600px; margin-top: 10px; margin-l
2015-12-13 15:09:58 15457
原创 CSS设计表格(上)--样式设计及全选功能
前言 本章主要设计一个简单大方的表格,因为在写后台的时候,统计用户信息等需要用到表格,所以就采用如下样式的表格,鼠标移过的地方变色,支持全选 本章代码点此下载样式表格 table.html内容 Table界面 body{margin: 0;} .main{ width: 600px; margi
2015-12-12 23:45:04 3494 1
原创 搞定HTML\CSS之absolute和relative
前言 这篇博文我要搞定的问题是①absolute和relative区别 ② top和margin-top区别 ③浏览器body默认内外边距浏览器body默认内外边距 很多时候研究一些网站的源码,总会看到别人的CSS文件里有这么一句话" body{margin: 0; padding: 0;} ",那么为什么要加这么一句话呢?先用下面的现象抛出来。 如下代码
2015-12-09 22:09:01 6820 10
原创 搞定HTML\CSS之background属性
前言 我为什么写这个呢?因为我看别人的源码的时候,样式表里有比如下面这样的字眼: background: url("../img/bg_idx_01.jpg") repeat-x scroll 50% 0 #FFFFFF; 而我吧,又是新手,只会background-color:、background-image:...这样的单独的用,肯定不如上面的方便,所以就学习
2015-12-06 00:14:13 10334
原创 HTML引入CSS样式三种方法及优先级
方法 css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意,样式表放在不同的地方,产生作用的范围不同(以下会说明)。内联定义 内联定义,即在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :,如下示例浏览器此时显示内容链入内部CSS CSS内链接是由标记对放在中,在中有一个类型属性type,
2015-12-05 21:31:50 49662 4
原创 多态图标(3)-HTML使用CSS切换
前言 本节实现的目标是使用HTML的CSS实现图标的状态的切换,效果图如下HTML标签 四态 本demo使用html中的标签来演示,也是有四态,如下: a:link /*未访问时的状态*/ a:visited /*已访问过的状态*/ a:hover /*鼠标移动到链接上时的状态*/ a:active /*鼠标按下去时的状态*/
2015-12-05 12:52:29 2340
串口控制FPGA Led亮灭
2015-01-08
FileTool插件解决VC6.0打开文件崩溃
2013-12-03
rootfs_qt.tar.gz文件
2013-08-21
rootfs_final.tar.gz 文件
2013-08-19
rootfs_1.tar.gz文件
2013-08-18
rootfs.tar.gz 文件
2013-08-17
busybox-1.13.3.tar.gz 文件
2013-08-17
busybox-1.7.0.tar.bz2文件
2013-08-10
thread_mutex.c 文件
2013-07-20
BuildInDialog.tar.gz
2013-07-02
taglist_46.zip
2013-07-02
mkyaffs2image-128M工具
2021-04-28
PHP读取XML显示到表格
2015-12-13
jQuery删除table指定行
2015-12-13
CSS实现表格样式及全选功能
2015-12-12
WPFImageButton自定义控件
2015-11-23
Android客户端极光推送移植Demo程序
2015-05-03
Android与PHP通过JSON交互
2015-05-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人