发表于
2017-09-21 21:54:43
发表于
2017-07-27 13:58:10
jquery tablesorter表格排序插件的使用
1、引入两个js文件
jquery-2.1.1.min.js
jquery.tablesorter.js
2、在js写上 $(“#表id”).tablesorter();即可将表的所有字段进行排序
假设我不需要点击“序号”进行排序，使用如下方法：$.tablesorter.defaults.headers = {0: {sorter: false}};同理假设我不需要点击“序号”和“组别”进
...继续阅读
(18)
发表于
2017-07-26 14:06:11
jOrgChart树形图插件
项目要做组织架构图，要把它做成自上而下的树形结构。
一、说明（1）通过后台查询数据库，生成树形数组结构，返回到前台。（2）需要引入的js插件和css文件： ①jquery.jOrgChart.css ②jquery.min.js ③jquery.jOrgChart.js（3）使用jOrgChart插件，根据返回的数据将其子节点加入到相应的中。首先，我们的数据表应该要有 id
...继续阅读
(13)
发表于
2017-07-24 20:30:19
发表于
2017-07-21 21:03:18
二级菜单-读取json二维数组实例
var carClass = [ { "id":0, "name":"微型车" },{ "id":1, "name":"小型车" },{ "id":2, "name":"紧凑车" },{ "id":3, "name":"中型车" },{ "id
...继续阅读
(6)
发表于
2017-02-28 14:00:31
[原]Mac下sublime2 package control快捷安装
发表于
2017-02-28 14:00:31
Mac下sublime2 package control快捷安装
1.按住ctrl+~，弹出的控制台中输入如下代码，windows和mac下都一样，装完以后必须重启sublime生效import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp)
...继续阅读
(13)
发表于
2016-07-19 11:41:52
[原]响应式设计中的HTML5
响应式设计的“移动优先”思想使它很适宜采纳最简洁、最有效和最具语义的代码。本次内容：HTML5的哪些部分我们现在就能用？如何编写HTML5网页HTML5的精简之道HTML5中的废弃零件HTML5中的全新语义化元素嵌入媒体可响应的HTML5t iFrame视频让网站支持离线使用如何编写HTML5网页打开一个已有的网页。你可能会看到文件开头有这样几行代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>删除上面的代码片段并将其替换成如下代码片段：<!DOCTYPE html>//文档如此简短，目的是以简洁的方式告诉浏览器用“标准模式渲染页面”。这种简洁高效渲染在html5<htmllang="zh"><head><metacharset=utf-8>未完待续…
...继续阅读
(11)
发表于
2016-07-19 11:41:52
响应式设计中的HTML5
响应式设计的“移动优先”思想使它很适宜采纳最简洁、最有效和最具语义的代码。本次内容：
HTML5的哪些部分我们现在就能用？
如何编写HTML5网页
HTML5的精简之道
HTML5中的废弃零件
HTML5中的全新语义化元素
嵌入媒体
可响应的HTML5t iFrame视频
让网站支持离线使用
如何编写HTML5网页打开一个已有的网页。你可能会看到文件开头有这样几行代码：
...继续阅读
(5)
发表于
2016-07-19 11:25:55
[原]弹性图片
在现代浏览器中要实现图片随着流动布局相应缩放非常的简单，只需要在CSS中作如下声明：img{max-width:100%}这样就可以使图片自动缩放到与其容器100%匹配。更进一步，可以将同样的样式应用到其他标签上。如：img,object,video,embed{max-width:100%}这样多媒体元素都可以自动缩放了，使用这种方法有几个需要斟酌的问题。第一，要提前准备一张足够大的图片，以备大视口使用。但这也就引出了第二个，同时也是非常重要的问题，无论视口多大，什么设备，都得下载超大图片，可能对某些设备来说，图片大小只要原始图片的25%就好了。另外，在某些情况下，你还不得不因此考虑带宽限制。
...继续阅读
(15)
发表于
2016-07-19 11:25:55
发表于
2016-07-18 10:20:36
[原]用em替换px
过去的几年里，网页设计师使用em替代px主要是为了文字缩放。因为老板本的Internet Explorer无法缩放像素单位的文字。不过现在浏览器很久以前就支持缩放以像素为单位的文字了。那用em替换px还有什么必要性或优越性呢？有亮点显而易见的理由：一是那些使用IE6的用户也将能够缩放文字;二是这样做可以使我们设计师和开发者的生活更简单。em的实际大小是相对于其上下文的字体大小而言的。如果我们给标签设置文字大小为100%，给其他文字都使用相对单位em，那这些文字都会受 body上的初始声明的影响。这样做的好处是，如果在完成了所有文字排版后，客户又提出将页面文字统一放大一点，我们就可以只修改body的文字大小， 其他所有文字也会相应变大。同样，“目标元素尺寸÷上下文元素尺寸=百分比尺寸”这个公式也适用于将文字的像素单位转换为相对单位。值得注意的是，现代浏览器默认文字大小都是16像素（显示声明的除外）。因此一开始给body标签应用下列任何一条规则所产生的效果都一样：font-size:100%;font-size:16px;font-size:1em;下面举例。第一段以像素为单位的文字就是页面左上角的网站标题： AND THE WINNER ISN‘T…….#logo{display:block;padding-top:75px;color:#0d0c0c;text-transform:
...继续阅读
(22)
发表于
2016-07-18 10:20:36
发表于
2016-06-30 16:33:15
[原]移动端注意事项
移动端注意事项移动端，需要注意的比较多，但也方便了前端工作，因为不用考虑兼容。一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例为移动设备添加 viewportviewport 可以让布局在移动浏览器上显示的更好。 通常会写<metaname="viewport"content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">未完待续。。。
...继续阅读
(53)
发表于
2016-06-30 16:33:15
发表于
2015-08-26 10:15:02
[原]JS遍历数组
<!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=utf-8" /><script type="text/javascript" src="jquery.js"></script><title>无标题文档</title></head><body><div id="test" class="links_subnav clearfix"><!-- <a class="links_su
...继续阅读
(25)
发表于
2015-08-26 10:15:02
发表于
2015-08-20 13:48:32
[原]九宫格写法
发表于
2015-07-21 16:30:58
[原]jQuery 获取 table 行数
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列
...继续阅读
(20)
发表于
2015-07-21 16:30:58
jQuery 获取 table 行数
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列
...继续阅读
(5)
发表于
2015-06-25 18:33:55
发表于
2015-06-25 18:33:55
发表于
2015-03-20 10:01:37
[原]响应式布局
发表于
2015-03-17 11:03:52
[原]仿wordpress管理后台设计的后台管理框架
仿wordpress管理后台设计的后台管理框架本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：html的padding-top来实现整体下移，然后top使用position：fixed定位到顶部。leftbg的position:absolute来实现左侧背景定位。左右分栏是利用float特性，让右侧可以自动适应。DOCTYPE html后台框架设计title>head>div>leftdiv>topdiv>right_con01p>02p>03p>04p>05p>06p>07p>08p>09p>10p>11p>12p>13p>14p>15p>16p>17p>18p>19p>20p>21p>22p>23p>24p>25p>26p>27p>28p>29p>30p>31p>32p>33p>34p>35p>36p>37p>38p>39p>40p>41p>42p>43p>44p>45p>46p>47p>48p>49p>50p>51p>52p>53p>54p>55p>56p>57p>58p>59p>60p>div>div>bottomdiv>div>body>html>html,body{height:100%;}html{padding-top:50px;overflow-x:hidden;}body{min-width:600px;}.m
...继续阅读
(16)
发表于
2015-01-22 18:03:13
[原]我的2014作的一手好死，2015求轻虐
发表于
2015-01-08 16:50:12
[原]控制左边栏div高度自动改变 和右边div一样高
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"無標題文件window.onload=function(){
document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px";
}我是導航，我很短我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長我是內容，我很長
...继续阅读
(23)
发表于
2014-12-18 10:10:36
[原]dede织梦后台常用标签
一些非常有用的标签调用的方法关键描述调用标签：--------------------------------------------------------------------------------模板路径调用标签： {dede:field name='templeturl'/}--------------------------------------------------------------------------------网站标题调用标签： {dede:global name='cfg_webname'/}--------------------------------------------------------------------------------栏目导航调用标签：首页{dede:channel type='top' row='8' currentstyle="~typename~"}[field:typename/]{/dede:channel}--------------------------------------------------------------------------------指定调用栏目标签： {dede:onetype typeid='ID'}[field:typename /]{/dede:onetype}--
...继续阅读
(22)
发表于
2014-12-17 09:17:11
[原]织梦默认分页样式修改 解决分页列表显示，去掉li
发表于
2014-12-08 17:31:54
[原]CSS精灵写法
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"无标题文档.div1{ width:420px;}.div1 li { list-style: none; float:left; border:1px solid #EAF3FA; background:#FBFCFF; margin:10px; width:120px; height:40px; line-height:40px; padding-left:10px;}.div span{padding-left:25px;/*空出16px来显示图标*/height: 35px; /*设定好高度，让超出部分不可见*/background:url(888888.png) no-repeat;/*所有的li共享一张图片*/}.a{ background-position:-19px -22px; width:25px; height:20px;}.b{ background-position:-146px -22px;width:25px; height:20px;}.c{ background-position:-19px -68px;width:
...继续阅读
(16)
发表于
2014-11-18 13:32:33
[原]复选框单选框与文字对齐问题的研究与解决
