- 博客(35)
- 收藏
- 关注
RSS订阅转载 js获取农历日期【转】
var CalendarData=new Array(100);var madd=new Array(12);var tgString="甲乙丙丁戊己庚辛壬癸";var dzString="子丑寅卯辰巳午未申酉戌亥";var numString="一二三四五六七八九十";var monString="正二三四五六七八九十冬腊";var weekString="...
2016-02-14 15:21:00
801
转载 部分易被忽视的css3属性
1、-webkit-tap-highlight-color移动端页面点击按钮时会发现按钮上会出现一块阴影，设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了，将阴影设置成透明就看不见了；2、-webkit-line-clamp限制在一个块元素显示的文本的行数，可以配合其他属性设置多行文本溢出省略号的效果 3、-webk...
2015-06-03 16:45:00
117
转载 css3 走马灯效果
纯css3实现了一个正六边形的走马灯效果，记录一下css3动画的学习情况，效果如下：主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、transform-origin，另外加一点平面几何知识（计算间距、角度啥的），详细过程如下：首先设计一下要显...
2014-12-26 10:00:00
625
转载 css3照片墙
一张张照片散乱的撒在一起，鼠标悬浮时旋转放大并摆正，效果如下图（所有图片均来自网络），主要使用到的css3属性有：transition、transform（scale、rotateZ）、box-shadow以及z-index。<!DOCTYPE html><html> <head> <meta char...
2014-12-19 13:36:00
118
转载 css3实现iPhone滑动解锁
该效果的主要实现思路是给文字添加渐变的背景，然后对背景进行裁剪，按文字裁剪（目前只有webkit内核浏览器支持该属性），最后给背景添加动画，即改变背景的位置，背景动画效果如下（GIF录制时有卡顿，代码实现时不卡）：最终效果：全部代码如下：<!DOCTYPE html><html><head> <style...
2014-11-25 16:38:00
164
转载 css3骰子（transform初识）
利用css3制作可旋转的骰子，效果图如下，也可以查看 demo：首先是骰子的html结构，.page 是骰子的六个页面的 class，#one-#six分别表示六个面，.point 是骰子表面的点数： <div id="diceWapper"> <div id="dice"> <div id="o...
2014-10-18 01:02:00
137
转载 jQuery 浮动导航菜单（购物网站商品类型）
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。这种菜单功能分为两部分：1、点击菜单项，网页滚动到对应位置，可简单通过锚点实现；2、滚动页面的时候，菜单项的选中状态要跟着改变，这就需要监听网页的滚动事件并通过一点计算来实现了；计算 scrollTop 和 各个 div 的 offse...
2014-09-06 01:57:00
213
转载 利用伪元素:after清除浮动
让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。#content{background:#000;}.left{width:100px;height:100px;background:#eee;margin:...
2014-08-29 11:44:00
201
转载 CSS 属性之中经常出现的百分比（转）
CSS 的属性值中经常会出现百分比，搞清它们的基数是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 标准，在此整理下：百分比单位乘以包含块的宽度 margin, padding, left, right, text-indent, width, max-width, min-width乘以包含块的高度 top, bottom, height, max-heigh...
2014-08-27 09:59:00
148
转载 jquery 滑块导航菜单
带滑块的导航菜单，鼠标悬浮时，滑块会移动至鼠标位置，离开时，滑块会回到原来的位置，点击菜单之后滑块会停留在被点击菜单位置，等待下一次的鼠标悬浮事件或者点击事件，效果图：图片效果不行，直接上代码：<body> <div class="nav"> <span>aaa</span> &...
2014-07-31 15:46:00
142
转载 3D球状标签云（兼容IE8）
看见一个很有趣的标签云，3D球状，兼容 IE 8，亲测可用！其他版本没有测试。觉得挺有意思就拿来记录下来，学习学习，本文下方会放出我看的文章地址，先看一下效果：接下来是代码，html + css + js，不是基于jQuery的，所以不需要引入，代码复制下来就可以看到效果： <div id="div1"> <a href="htt...
2014-07-17 17:07:00
241
转载 网页宽高自适应大小
如今，显示器的分辨率越来越多，终端也变得多样化，web开发页面的自适应问题越来越多，如果不做处理，一旦显示器的分辨率发生变化，展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应：1、设置最外层容器（如 DIV）的 width 为 100%；2、如果网站头部有图片展示，那就不能简单...
2014-06-24 09:26:00
149
转载 html5定位并在百度地图上显示
在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。navigator.geolocation.getCurrentPosition(callback);在获取坐标成功之后会执行回调函数 callback; callback 方法的参数就是获取到的坐标点；然...
2014-04-23 00:04:00
163
转载 【转】Javascript 中的false,零值,null,undefined和空字符串对象
js 开发中经常会碰到判断是否为空的情况，关于 null 和 undefined 的区别了解的不是很好，刚好看见这篇文章，转过来学习一下，以下是转载正文：在Javascript中，我们经常会接触到题目中提到的这5个比较特别的对象--false、0、空字符串、null和undefined。这几个对象很容易用错，因此在使用时必须得小心。类型检测我们下来看看他们的类型分别是什...
2014-03-24 16:55:00
118
转载 jQuery checkBox 全选的例子
表单处理时经常会有全选的功能，但是这个功能往往会被忽视一个细节，就是逐个选中 checkBox 直至全选时，经常会忘记修改全选 checkBox 的状态，某知名互联网公司的网盘就会出现这样的问题，问题如图：所以，需要给 checkBox 的点击事件做一下处理：点击时遍历一下除了全选的单选框之外的所有单选框，如果有未选中的，则全选不选中，如果全部都选中了，则修改全选框的状态，以下是...
2014-02-27 16:23:00
119
转载 jQuery 表单验证 jquery.validator.js
前端开发中经常会碰到表单的制作，其中必备的功能就是提交前的一些简单的验证，非空啊、手机号码啊、E-mail等等等等，这里是一个 jQuery 的表单验证插件，蛮好用的，收录一下。下面是验证的效果图：页面中需要加载的文件是：<link href="validator-0.6.8/jquery.validator.css" rel="stylesheet" t...
2014-02-24 16:17:00
142
转载 jQuery 手风琴侧边菜单
动手做了一个简单手风琴菜单，上图：点击 B 可收缩 C 列表，点击 C 改变自身和父节点 B 的样式，悬浮时均有不同的样式改变。先看页面代码，列表的嵌套：<div id="menuDiv"> <ul id="menu"> <li class="parentLi"> <span>B</s...
2014-01-08 17:06:00
95
转载 jQuery 简单漂亮的 Nav 导航菜单
自己写的一个简单的导航菜单，先看效果：鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部会有蓝条表示当前选中项。页面代码，菜单的每一项都是一个 div ，其中包括一个 ul 用来放置显示文字等，另一个 div 则是底部的蓝条，需要给第一项和最后一项设置不同的 class ，样式需要用到：<div id="nav"> <div class="nav...
2014-01-08 15:26:00
217
转载 ie8中支持 password 的 placeholder
之前写过一篇ie8中使用placeholder的博客，但是，该文中的 placeholder 在 type="password" 时会出现问题，不能显示文字而是密码类型的点，所以又找了以下的这段代码，可以解决密码的问题，使用方法和之前介绍的一样，只需在 </body> 之前引用该 js 文件即可。(function () { var EventUtil ...
2013-12-18 15:24:00
134
转载 ie8中使用placeholder
placeholder 是 html5 中的新属性，考虑到还有不少 ie8 的用户，所以找了一个 ie8 的 placeholder 的补丁，如下：<script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $(...
2013-12-16 17:35:00
147
转载 NPM常用命令（转）
NPM是一个Node包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。NPM常用的命令有：（1）$npminstallmoduleNames安装Node模块注意事项：如果在使...
2013-11-18 16:46:00
77
转载 windows 配置免安装 node
1、下载 node.exe;2、下载npm并解压;（NPM是一个Node包管理和分发工具）3、创建单独文件夹 nodejs，将1、2步中的两个文件和一个文件夹放进该新建文件夹;4、配置环境变量中的 path，将 nodejs 文件夹的路径添加进 path 中。之后，便可以通过 cmd 运行 node xxx.js 来启动服务了。详细可移步官网下载最新版本以及查看相...
2013-11-18 16:38:00
356
转载 日程管理控件 glDatePicker
之前接触过一款日程管理控件，叫FullCalendar ，功能很强大，会列出每天的事项，可选择编辑并且可以定制自己的日历，然而，有时候，我们的网页上只需要一个简单的日历，迷你但实用，有日程安排的日期高亮显示，可跳转日期，可选择日期等等基本功能都应该具备，而这时FullCalendar 就显得太过庞大了，所以，就有了我对glDatePicker 控件的学习。先看效果：...
2013-10-14 15:04:00
200
转载 jQuery 日历控件 FullCalendar 初识
最近有个日程管理的需求，就学习了一下FullCalendar控件的一些基本知识，本文不是详细介绍该控件的 API 的文档，而是记录本人使用过程中的一些学习情况。先看一下效果图 月/周/日视图 黄色表示今天：其中有两个事项，rrr 和 test 是名称，7a 和 5a 是开始时间...
2013-09-24 16:41:00
183
转载 IE 8 中 parseInt 的注意点
今天碰到个坑爹的问题，一句 parseInt(StringNum) 在 IE 8 里面居然会出错，后来发现是因为 IE 8 中 parseInt("08") 和parseInt("09") 的值为 0 ！当时就晕菜了······把这个小细节记录下来备忘吧，碰到这种情况时，只需要改成 parseFloat(StringNum) 就可以了转载于:https://www.cnblog...
2013-09-23 17:07:00
170
转载 jCallout 实现气泡提示
在提交表单前、焦点转移后或者 keyup 时往往需要对输入的文本就行检验，如果输入内容不符合相关约定则要进行提示或警告，有一个叫 jCallout 的插件可以轻松实现该功能，该插件基于 jQuery 使用，所以使用前需要添加引用 jQuery，以下为本人写的例子，结果如下：用户名一行的 html 代码是：<tr> <td class="col...
2013-09-22 11:32:00
104
转载 点线图中的A*算法
A*简介A*（A-Star)算法是一种启发式算法，是静态路网中求解最短路最有效的方法。公式表示为：f(n)=g(n)+h(n),其中f(n) 是节点n从初始点到目标点的估价函数，g(n) 是在状态空间中从初始节点到n节点的实际代价，h(n)是从n到目标节点最佳路径的估计代价。网上大量的A*算法教程都是将搜索区域分成无数个小方格，再分别从小方格的8个方向进行计算，...
2013-09-12 14:34:00
241
转载 jQuery实现图片轮播
之前有碰到过jQuery实现列表自动滚动，这次的图片轮播在原理上与之相同，只有一些细微的差别，就是需要在图片的右下角显示当前图片的序号，效果如下：先看一看html代码，以及对应的css代码：<div id="scrollPics"> <ul class="slider" > <li><img src="...
2013-09-10 16:56:00
73
转载 mouseover，mouseout，mouseenter，mouseleave的区别
相信做前端开发的都听说过“冒泡型事件”吧，《JavaScript高级程序设计》第九章有详细的讲述，但是，在学习的时候一知半解，也没详细去理解，导致最近在工作中碰到了问题：有许多 li 标签，标签上有2个按钮，当且仅当鼠标移入 li 时才会显示上面的2个按钮，如下图，左边是默认状态，右边是鼠标移入状态，开始使用的是mouseover 和 mouseout ，结果鼠标移动到按钮上时，按钮会...
2013-09-09 16:17:00
77
转载 ArcGIS Engine从服务器(ArcSDE geodatabases)读取数据
从远程服务器读取数据进行处理，直接贴代码：public class ConnectDB { private static String SERVER = "xxx.xxx.xxx.xxx"; private static String INSTANCE = "xxx"; private static String DB_NAME = "xxx";...
2013-09-04 13:53:00
113
转载 jQuery动态添加元素并绑定事件
写网页的时候常常需要根据实际情况添加新的元素，然后这些新元素还需要绑定已有的事件，如：有一ul，点击其中某 li，根据其 id 或 value 等获取新的数据列表，并新建 ul 显示，新 ul 中的 li 标签绑定相同的点击事件，具有相同功能。问题1 新建标签未绑定方法，$("li").bind("click",clickLi) 只是在 document ready 的时候执行一次...
2013-09-04 13:29:00
335
转载 Ubuntu将软件（Sublime Text 2为例）锁定到启动器
Ubuntu中打开某安装好的软件，然后右击启动器（Launcher）上打开的图标就可以将该软件锁定到启动器或者从启动器解锁。然而，有许多软件下载后直接解压就能用，不需要安装，这种情况采用上述方法锁定时，往往会不成功，要么就是看上去已经锁定，但是想再次打开时却没有反应，要么就是图标不是熟悉的软件图标，而是一些默认图标，不好看。这是因为这类软件少了一个叫Desktop Entry 的配...
2013-08-29 14:20:00
227
转载 jQuery实现列表自动滚动
需要在页面中一个小的区域循环滚动展示新闻（公告、活动、图片等等），并且，鼠标悬停时停止滚动并提示，离开后，继续滚动。效果图：上干货html：<div id="news"> <ul> <li><a href="#" title="aaaaaaaaaaaaaaa">aaaaaaaaaaaa...
2013-08-28 17:17:00
350
转载 浅谈css中的position属性
我觉得吧，css如果不考虑浏览器的兼容问题的话，最让人头疼的应该就是position了，反正我是这么觉得的，为了能基本上搞清楚position的几种情况，我找了一些资料，做了一个小实验，下面是实验的过程，整理一下和大家分享。这是 w3school 上对 position 的几种值的描述：对于 static 、 fixed 和 inherit 就不多啰嗦了，相对简单点。首先...
2013-08-28 10:20:00
268
转载 关于jQuery中.attr()和.prop()的问题
话说写了几句代码在ie8上能正常运行，chrome和ff却不行，朋友说这就是RP啊，郁闷！其实功能需求是这样的，两个radio：男和女，一个button：重置。启动页面默认选中男，在用户选择女之后又点击重置按钮，需要恢复到默认状态。<input type="radio" id="hRdMale" checked="checked" name="sex" value="m...
2013-08-27 11:06:00
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人