郭晓湉-CSDN博客

原创博客开张

看好多技术大牛都有自己的个人技术博客，我也就弄了一个，虽然很点水。。。。还总结出个人博客用dede做确实不如用WordPress国庆将至，祝大家中秋快乐~

2013-09-28 16:51:25 2468 4

原创解压内容到数据库

mysql> create database china;Query OK, 1 row affected (0.05 sec)mysql> use chinaDatabase changedmysql> \. d:/china.sql

2013-03-14 18:55:10 1485

原创验证码刷新

<label class="focusa">看不清？<a href="#" onclick="reImg();" class="c-blue">换一张</a></label> function reImg(){ $("#code").attr("src", 'http://192.168.1.238:9501/api/captcha'+ "?v=" + new Date().getTime

2017-09-21 21:54:43 849 1

原创模拟复选框

<!DOCTYPE html><html><head> <title></title> <style type="text/css">label { background-color: #fafafa; border: 1px dashed #cacece; box-shadow: 0 1px 2px silver; padding: 9px;

2017-08-30 17:00:36 610

原创 iOS系统及微信中不支持audio自动播放问题

2017-08-28 15:45:31 1067

转载 JS倒计时demo

图片显示倒计时效果也可以用animation动画效果去写只要把动画时间修改成3s即可<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>倒计时demo</title> </head> <body> <div id="countDown" class=""> <img src="

2017-08-24 10:14:11 923

原创 jquery tablesorter表格排序插件的使用

1、引入两个js文件jquery-2.1.1.min.js jquery.tablesorter.js 2、在js写上 $(“#表id”).tablesorter();即可将表的所有字段进行排序假设我不需要点击“序号”进行排序，使用如下方法：$.tablesorter.defaults.headers = {0: {sorter: false}};同理假设我不需要点击“序号”和“组别”进

2017-07-27 13:58:10 1582

原创 jOrgChart树形图插件

项目要做组织架构图，要把它做成自上而下的树形结构。一、说明（1）通过后台查询数据库，生成树形数组结构，返回到前台。（2）需要引入的js插件和css文件：　　①jquery.jOrgChart.css　　②jquery.min.js　　③jquery.jOrgChart.js（3）使用jOrgChart插件，根据返回的数据将其子节点加入到相应的<li></li>中。首先，我们的数据表应该要有 id

2017-07-26 14:06:11 7168 1

原创 ajax实例

function lists() { whereInfo.uid= params["uid"]get(apistore.AD_GEREN, whereInfo, function (r) { if (r.code == 0 && r.data.length > 0) { var str = ""; $.e

2017-07-24 20:30:19 533

原创二级菜单-读取json二维数组实例

var carClass = [ { "id":0, "name":"微型车" },{ "id":1, "name":"小型车" },{ "id":2, "name":"紧凑车" },{ "id":3, "name":"中型车" },{ "id

2017-07-21 21:03:18 3541

原创 html头部底部如何加载

html头部底部如何加载我们可以尝试iframe无边框（但是这种方法很笨并不建议）<iframe style="min-width:1200px" hspeace= "0" vspace= "0" runat="server" src="foot.html" width="100%" height="90" frameborder="no" border="0"marginwidth="0"

2017-07-05 11:17:16 1425 1

原创 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)

2017-02-28 14:00:31 823

原创响应式设计中的HTML5

响应式设计的“移动优先”思想使它很适宜采纳最简洁、最有效和最具语义的代码。本次内容：HTML5的哪些部分我们现在就能用？如何编写HTML5网页HTML5的精简之道HTML5中的废弃零件HTML5中的全新语义化元素嵌入媒体可响应的HTML5t iFrame视频让网站支持离线使用如何编写HTML5网页打开一个已有的网页。你可能会看到文件开头有这样几行代码：<!DOCTYPE html

2016-07-19 11:41:52 2756 2

原创弹性图片

在现代浏览器中要实现图片随着流动布局相应缩放非常的简单，只需要在CSS中作如下声明：img{ max-width:100% }这样就可以使图片自动缩放到与其容器100%匹配。更进一步，可以将同样的样式应用到其他标签上。如：img,object,video,embed{ max-width:100% }这样多媒体元素都可以自动缩放了，使用这种方法有几个需要斟酌的问题。第一，要提前准备一张足够大的图片，

2016-07-19 11:25:55 1995 1

原创用em替换px

过去的几年里，网页设计师使用em替代px主要是为了文字缩放。因为老板本的Internet Explorer无法缩放像素单位的文字。不过现在浏览器很久以前就支持缩放以像素为单位的文字了。那用em替换px还有什么必要性或优越性呢？有亮点显而易见的理由：一是那些使用IE6的用户也将能够缩放文字; 二是这样做可以使我们设计师和开发者的生活更简单。em的实际大小是相对于其上下文的字体大小而言的。如果我们

2016-07-18 10:20:36 1861

原创移动端注意事项

移动端注意事项移动端，需要注意的比较多，但也方便了前端工作，因为不用考虑兼容。一、手机页面的标准头规范字符编码使用utf-8：指定页面手机内存缓存中的存储时间段device-width：通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例为移动

2016-06-30 16:33:15 881

原创 JS遍历数组

无标题文档中国职业信用管理平台人社部公安部教育部商务部国家公务员局中国国家人才网深圳新闻网全国行业信用公共服务平台 -->

2015-08-26 10:15:02 1213

原创九宫格写法

无标题文档 <style> * { margin: 0; padding: 0; } .box { padding: 5px 0 0 5px; background-color: blue; overflow: hidden

2015-08-20 13:48:32 3057

原创 jQuery 获取 table 行数

//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列

2015-07-21 16:30:58 5930

原创定位到最底部

底部的文字相对于 body 容器定位 body { position: relative; } .footer { position: absolute; bottom: 0px; left: 50%; margin-left: -footer容器宽度的一半px(比如-200px;) }0000w1234131

2015-06-25 18:33:55 3600

原创响应式布局

相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。看页面点击这里一、什么是响应式布局? 响应式布局是Et

2015-03-20 10:01:37 1862

原创 # 那些年不得不滚动的页面

.......

2015-03-17 11:28:02 1200 4

原创仿wordpress管理后台设计的后台管理框架

仿wordpress管理后台设计的后台管理框架本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：html的padding-top来实现整体下移，然后top使用position：fixed定位到顶部。leftbg的position:absolute来实现左侧背景定位。左右分栏是利用float特性，让右侧可以自动适应。<!DOCTYPE html

2015-03-17 11:03:52 5310 6

原创我的2014作的一手好死，2015求轻虐

真的好想上来开头就写“新的一年，全新的自己”，但是这样自欺欺人的话我还是别说了，省得一大批损友又来吐嘈我。2015年希望找到自己的另一半这样的话我也不想再提了，因为这样写了两年依旧单身（多么悲伤凄惨的文章开头），感觉感情的事情还是随遇而安吧（不能因为父母的催促或者身边的朋友都已经结婚而….，知道自己想要的是什么才最重要）。再重点盘点一下今年的标题，本来打算用“再见2014，您好2015”但是想想

2015-01-22 18:03:13 4874 8

原创控制左边栏div高度自动改变和右边div一样高

無標題文件 window.onload=function(){ document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px"; } 我是導航，我很短我是內容，我很長我是內容，我很長

2015-01-08 16:50:12 4945 1

原创转眼2015

愿一切安好

2015-01-07 09:02:45 1377 1

原创 dede织梦后台常用标签

一些非常有用的标签调用的方法关键描述调用标签： --------------------------------------------------------------------------------模板路径调用标签： {dede:field name='templeturl'/} -----------------------------------------------------

2014-12-18 10:10:36 2243

原创织梦默认分页样式修改解决分页列表显示，去掉li

最近装了个织梦dedecmsV5.7版本时,调用分页显示出现的结果出现好几行,怎么也不能在一排显示,找了很多资料,才了解到是由织梦模板中分页加了列表标签,解决有两种方法,下面将一一说明:调用分页部分代码如下: {dede:pagelist listitem="info,index,end,pre,next,pageno"listsize="3"/}没有对模板及css更改的效果如下: 解决分页列

2014-12-17 09:17:11 9067 3

原创要学会面对黎明前的黑暗

要学会面对黎明前的黑暗

2014-12-12 09:06:49 1290 1

原创 CSS精灵写法

无标题文档.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{pa

2014-12-08 17:31:54 1851

原创复选框单选框与文字对齐问题的研究与解决

原文地址：http://www.zhangxinxu.com/wordpress/?p=56前言目前中文网站上面的文字，就我的个人感觉而言，绝大多数网站的主流文字大小为12px，因为在目前高分辨率显示器屏幕下，11px的汉字，其像素点开始不规整，文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截

2014-11-18 13:32:33 2270 1

原创网页代码优化

标题关键词网页描述语义化代码H1~H6标签多用于标题UL标签多用于无序列表OL标签多用于有序列表DL标签用于定义数据列表em、strong表示强调标签标签,标题用h1标签标签与标签（只用于文本空格）定义表格用caption 标签应使用alt说明用于强调 , 用于斜体与标签重要内容html代码放在最前面重要内容不要用js 输出尽量少使用

2014-11-17 10:31:05 1834

原创在DIV中自动换行

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为t

2014-11-17 09:05:38 2537 2

原创让图片垂直居中

在不同的编码模式下，文字的行高计算是不一样的，所以请记住选择与页面相对的编码这个方法是利用display:table-cell在支持该属性的浏览器中，结合vertial-align:middle方法来实现图片垂直居中；在不支持display:table-cell的浏览器（IE）中利用文字结合行高的方法来实现垂直居中；display:table-cell这个属性会导致一些属性失效，比如margin，

2014-11-17 08:47:49 1732

原创不忘初心，方得始终

加油嘻嘻

2014-10-31 16:10:07 1850 4

原创青春看似荒唐

知道吗下雨了你喜欢的花开了如此坚强雨伞在门把上楼下送走了新娘美丽就像你一样我曾如此奢望一路风霜能与你分享又害怕会这样依赖着直到有一天我们不再疯狂请不要失望哪怕平淡收场青春看似荒唐没人会选择投降我懂你的倔强你懂我向往如果有一天我消失在远方请不要悲伤即使你不能忘但愿花开如常你会笑着抬头望我愿化作清晨那叫醒你的阳光把照片当书签每天读上好几遍几遍能让我入眠我曾如此奢望一

2014-10-31 15:50:49 1645

原创 table明明设置了固定值

IE真的快把我搞死了 0.0可爱的迷人的让人醉了的IE你真棒今天用表格写一个4列的表格要实现的效果大概是这样的确实用普通浏览器都没有问题很简单明了的一个表格嘛！用IE8以下的看就成这样子了是不是醉了让我无从下手后来知道原来要这样写！.wd-table{width:99%; border-width:thin; border-collapse:collapse; color:#50505

2014-10-31 15:46:23 1642

原创 IE 8 浏览器 F12 调试功能无法使用

一直习惯使用IE，有点慢，小毛病又多点，可这么多年，还是没换过。最近发现用IE的F12调试代码的功能不起作用了，改起网页来不是很方便。不知是什么引起的，又不想重装IE...也不想更新到最新的IE,好多网银跟不上IE的更新速度，所以了，只能将就着用了。下个火狐来试试。要是可以，以后调试就用火狐了。　　百度了下，找到了解决方法，下面是原文摘录：　　“按下F12之后，开发人员工具在桌面上看不到，但是

2014-10-29 14:01:01 4826 3