
JavaScript
文章平均质量分 67
Monarch_lin
just coding
展开
-
CSS实现平板菜单
效果如下:HTML:转载 2014-04-20 21:29:41 · 1110 阅读 · 0 评论 -
IE 滤镜实现图片旋转效果
..原创 2014-04-19 23:20:20 · 1825 阅读 · 0 评论 -
jQuery实现简易数字摇奖程序
实现思路:首先用random生成一个四位的随机数,转换为字符串并分割返回成数组。利用each()遍历每一个滚动的元素,设置其backgroundPositionY来实现滚动的效果。使用到jQuery Easing plugin:http://gsgd.co.uk/sandbox/jquery/easing/相关代码HTML 开始摇奖CSShtm原创 2014-03-25 15:41:16 · 2650 阅读 · 0 评论 -
IEbug:20个常见的bug及其修复方法
原文出处:http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html1.IE双边距浮动bug出现条件:这是IE独特的一个bug,当元素处于浮动状态时,并且在同样浮动方向给定的margin,此时的margin的尺寸就会变成双倍。解决方法:非常简单,你只需要对浮动元素应用display:i翻译 2014-04-21 22:02:15 · 1169 阅读 · 0 评论 -
原生JS实现图片轮滚效果
效果如图:点击侧边图片则lung原创 2014-06-08 21:27:44 · 928 阅读 · 0 评论 -
jQuery日历插件CLNDR.js
在项目中要用到日历显示,但bu原创 2014-07-13 14:46:50 · 2508 阅读 · 0 评论 -
关于短路
/*** 几乎所有语言中||和&&都遵循“短路”原理,* 如&&中第一个表达式为假就不会去处理第二个表达式,而||正好相反。* js也遵循上述原则。* 当||时,找到为true的分项就停止处理,并返回该分项的值,否则执行完,并返回最后分项的值。* 当&&时,找到为false的分项就停止处理,并返回该分项的值。**/// var a = "" || null || 3 |原创 2014-09-21 22:32:17 · 403 阅读 · 0 评论 -
文本选中背景颜色
文本选中背景颜色*::selection{background:yellow;} *::-moz-selection{background:yellow;}原创 2014-09-21 22:34:43 · 583 阅读 · 0 评论 -
禁止网页文本选择
user-select 属性:--none : 用户不能选择文本--text : 用户可以选择文本注意:user-select 并不是一个W3C标准属性,浏览器支持不完整-------------------------------------------------------------------demo:body{ -moz-u原创 2014-09-21 22:36:02 · 528 阅读 · 0 评论 -
HTML嵌入Falsh方法
HTML嵌入Falsh方法原创 2014-10-28 12:19:06 · 655 阅读 · 0 评论 -
【JavaScritp】cookies详解
cookies详解原创 2014-10-28 14:55:22 · 972 阅读 · 0 评论 -
使用jQuery实现图片滑动窗
使用原生Javascript实现貌似很有难度,于是先用jQuery实现,理清实现的思路,再慢慢琢磨。主要是通过两个div层嵌套实现,外层的div设置固定宽度,且设置为超出显示区域会被hidden。然后使用jquery的animate方法实现滚动,。滚动需要一个变量计数来判断是否处于临界的边缘,这个其实比较简单了。根据显示区域的图片数量和总的图片数量就可以确定计数的临界值。核心代码:原创 2014-03-08 21:13:45 · 1316 阅读 · 0 评论 -
CSS实现旋转标签
最近在写移动端页面时发现页面左上角的一个原创 2014-04-19 20:32:49 · 2090 阅读 · 0 评论 -
织梦dedecms 内容管理系统安装后,登陆后台空白问题
今天安装了多个网站后台管理系统,但无一可运行,简直崩溃。问题出在安装成功后,登陆后台出现空白现象。经过网上查找资料,原来是php版本问题。php5.4移除了session_register这个函数。版本里说明,继续使用该函数会产生错误。解决办法: 找include/userlogin.class.php里面的keepuser()函数,把@se原创 2013-10-29 18:28:52 · 1845 阅读 · 0 评论 -
深入理解EventTarget.addEventListener()
概述addEventListener()在一个被调用的单一的目标上注册单一的监听事件,监听事件可以是一个文档上的元素,document本身,window对象, 或者其它支持events的对象(例如:XMLHttpRequest)语法target.addEventListener(type,function,boolean)type :代表监的事件类型的字符串(即事件名)翻译 2014-02-13 15:13:16 · 3474 阅读 · 0 评论 -
Writing efficient CSS(编写高效的CSS)
文章相关链接:原文链接: Mathew Carella 翻译: 伯乐在线 - yanhaijing译文链接: http://blog.jobbole.com/55067/MDN:https://developer.mozilla.org/zh-CN/docs/CSS/Writing_Efficient_CSS=================================转载 2014-02-13 14:24:34 · 716 阅读 · 0 评论 -
toggle()隐藏问题
最近编写一个实例的时候使用到toggle函数,但是调用的时候会把元素隐藏掉,之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因:原来在jQuery 1.9版本之后,toggle()发生了变化,以下是官网的Notes:Note: This method signature was deprecated in jQuery 1.8 a原创 2014-02-14 09:46:52 · 846 阅读 · 0 评论 -
Html5 音频播放器实例
最近一直在看Html5高级程序设计,其中有两个很炫的元素audio 和video,可以制作一些效果很不错的应用。由于是一枚技术小白,于是在网上搜集资料,起码能实现一款自定义的音频播放器吧。根据网上的实例进行了代码的重写,虽然只是修改那么的一丝,但是对于html5 audio 元素的使用还是加深了理解的。原文出处:http://www.cnblogs.com/wzh2010/archiv转载 2014-02-14 10:24:01 · 1810 阅读 · 0 评论 -
CSS布局学习笔记
布局是web页面开发中常用到的一种方法,而CSS布局以众多的优点逐渐成为主流,table布局悄然淡出。最近在重新学习CSS,首先从布局的方向开始,逐渐深入。从网上的各种教程及博客搜集资料整理。通过整理博客的过程中加以理解,也不失为一个学习的方法。三栏布局基本框架:Left 和right 部分为固定宽度,Main部分为自适应HTML的文档流必须是从Main开始,然后才是到原创 2014-02-17 14:46:59 · 633 阅读 · 0 评论 -
JavaScript 如何实现计算器
--------------------------------------1.需求分析2.系统设计3.程序实现原创 2014-03-02 20:27:10 · 1216 阅读 · 0 评论 -
JavaScript 学习笔记
1.Javascript伪协议和void(0)Javascript伪协议(不是所有浏览器兼容):默认将页面带到一个新的document中并显示程序返回结果,所以正常情况下,运算结果会在一个空的文档对象内显示。而void(0)可以阻止这个跳转行为。void 是 Javascript的一个特殊运算符,它的作用是舍弃任何参数表达式的值,这意味着要求解析器去检验并计算参数表达式内容,但忽略其结果。原创 2014-03-02 16:27:25 · 732 阅读 · 0 评论 -
CSS实现垂直居中的5种方法
方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性。 Content goes here #wrapper {display:table;}#cell {display:table-cell; vertical-align:middle;} //垂直居中优点:content转载 2014-03-04 21:04:53 · 1004 阅读 · 0 评论 -
childNodes属性使用
/*打印当前页面元素树结构 递归** childNodes属性获得当前对象的子元素节点*/var s=""; function travel(space,node){ if(node.tagName){ s+=(space+node.tagName+""); } var l = node.childNodes.length; for(var i=0;i<l;i++){ tr原创 2014-03-08 20:47:10 · 1704 阅读 · 0 评论 -
两列布局宽度自适应
一、两列布局左列自适应右列固定宽度1.绝对定位法右列设置固定宽度,并设置绝对定位。左列则用外边距撑开。不设定宽度自适应。HTML left content right content CSS *{padding: 0;margin: 0;} .left,.right{ height: 999px;} .left{margin-原创 2014-03-17 22:00:46 · 994 阅读 · 0 评论 -
【JavaScript】实现刷新不变化树形菜单
通过javascrip读取保存在cookies的菜单状态,来原创 2014-10-27 20:33:00 · 1191 阅读 · 0 评论