随笔分类 -  html+css

html转义字符
摘要：HTML字符实体（Character Entities），转义字符串（Escape Sequence）为什么要用转义字符串？HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（Escape Sequence）了。转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在H 阅读全文
posted @ 2013-06-28 15:38 我叫龙弟弟 阅读(526) 评论(0) 推荐(0)
table自适应宽度
摘要：WEB应用的页面，表格的表现形式是常常遇到的，在列数有限的前提下，如何将各列中的内容自适应到不同分辨率的屏幕，这应该是一个比较容易遇到的问题，下面就来谈一谈我对这类问题的解决与看法。将所有列设置为固定宽度，显然是不能满足此类要求的，但是若把全部的列都设置为百分比，恐怕在某些尺寸，或分辨率下，会变得很难看。在Bigtree看来，比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。例：序号分类A分类B名称说明操作……在本例中，名为“说明”的列，内容比较长，个人认为可以将此列设置为 阅读全文
posted @ 2013-06-28 10:00 我叫龙弟弟 阅读(4660) 评论(0) 推荐(0)
前台特效（10）横向滚动字幕
摘要：<!-- longdd 2013.4.26 字幕横向滚屏--><!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://common.cnblogs.com/script/jquery. 阅读全文
posted @ 2013-04-26 16:54 我叫龙弟弟 阅读(311) 评论(0) 推荐(0)
前台特效（9）无限极分类折叠菜单
摘要：在程序中经常会用到无限极分类菜单，经常性的会被绕的头昏脑胀，整理了一个简洁的方式，希望对你有帮助，轻喷！！<!DOCTYPE html><!-- by longdd 2013.4.23--><html> <head> <title>无限极分类折叠菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"& 阅读全文
posted @ 2013-04-23 15:33 我叫龙弟弟 阅读(2053) 评论(0) 推荐(0)
前台特效（8）购物车
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> .list{ display:block; width:300px 阅读全文
posted @ 2013-04-13 11:17 我叫龙弟弟 阅读(692) 评论(0) 推荐(0)
前台特效（7) 左右选框
摘要：<!--Before finding the right people, the only need to do is to make yourself good enough. longDD 201.4.11--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>左右选择框</title> <meta http-equiv="Content-Type" con 阅读全文
posted @ 2013-04-13 10:56 我叫龙弟弟 阅读(237) 评论(0) 推荐(0)
前台特效（6) 折叠栏目（动画效果）
摘要：js方法：ps:因js方法通过class获取DOM对象需要额外函数，故使用Id获取DOM对象，所以只有第一个栏目有效，但不影响理解其原理<!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 htt 阅读全文
posted @ 2013-03-14 12:24 我叫龙弟弟 阅读(1158) 评论(5) 推荐(3)
前台特效（5) 滚动内容
摘要：js方法：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <m 阅读全文
posted @ 2013-03-12 19:40 我叫龙弟弟 阅读(1248) 评论(1) 推荐(1)
前台特效（4) 悬浮移动窗口（悬浮广告）
摘要：js方法：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author&quo 阅读全文
posted @ 2013-03-11 22:16 我叫龙弟弟 阅读(709) 评论(0) 推荐(0)
前台特效（3) 编辑表格
摘要：<!DOCTYPE html><html> <head> <title>编辑表格</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script> <s 阅读全文
posted @ 2013-03-10 11:19 我叫龙弟弟 阅读(1165) 评论(3) 推荐(0)
前台特效（2）回到顶部
摘要：---恢复内容开始---原生js(有兼容性问题):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title> New Document </title><meta name="Generator" content="EditPlus"><meta name= 阅读全文
posted @ 2013-03-07 23:20 我叫龙弟弟 阅读(212) 评论(0) 推荐(0)
前台特效（1）鼠标改变透明度
摘要：<!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=ut 阅读全文
posted @ 2013-03-06 21:13 我叫龙弟弟 阅读(205) 评论(0) 推荐(0)