Category Archives: html

超链接中的 javascript:void(0);

写在前面: 因为有了 IE6 所以有了下面的文字. 如果你对 IE6 不 Care , 你可以开始浏览其它文章去了. 下文中部分内容参考自这里 如果我们想要在超链接中执行一段 javascript 程序, 我们通常会在脑子中闪现出下面的代码 <a href="javascript:void(0);" onclick="myFunction();">链接</a> 上面的代码在绝大多数浏览器上都可以正常发挥它的作用. 可是在 IE6 上在某些特定的情况下会出现一些奇怪的问题. 1, 在 IE6 下当 myFunction() 的作用是用来做页面刷新操作时, 它会没有效果. (页面刷新操作是指类似如 window.location="***" , 提交表单 等等操作.) 2, 在 IE6 下当页面上包含有动态 gif 图片时, 上面的代码会导致动态图片停止播放. 看看在线示例 如果你有在超链接中执行 js 并且要执行的 js 中有涉及到页面跳转或者是页面上有动态图片时, 要尽量避免使用上面的代码形式, 可以用下面的几种方法来解决这个问题: <script type="text/javascript"> function goUrl(x){ window.location = [...]
Also posted in JavaScritp | Tagged , , | 2 Comments

jQuery中setTimeout的几种使用方法

jQuery 中 setTimeout/setInterval 不能像在原生态 javascript 中那样使用, 否则会报错. 我们通过例子来说明一下jQuery中setTimeout的几种使用方法, 首先准备好测试用的DIV和公共函数: <div id="div_debug"></div> <script src="http://www.studyday.net/demo/jquery.js"></script> <script language="JavaScript"> function log(s){ $('#div_debug').append(s+'<br>'); } //下文中测试用的代码可以放在这一行注释的下面,替换掉 //... //... </script> 原生态 javascript 中的 setTimeout 基本用法是像这样子的. //原生态 javascript 中的 setTimeout 基本用法 function funA(){ log('funA...'); setTimeout('funA()', 1000); } funA(); 下面是jQuery中setTimeout的几种使用方法. 在线实例 //jQuery 中的用法 function funA(){ log('funA...'); setTimeout('funA()', 1000); } jQuery(document).ready(function($){ //用法1 : 把要调用的函数写在ready外面,使它成为全局函数 funA(); [...]
Also posted in JavaScritp, jquery | Tagged , , | 2 Comments

常用的 jQuery 插件

自己整理的一些常用的 jQuery 的插件: http://www.malsup.com/jquery/ [对话框插件/推荐] http://dev.iceburg.net/jquery/jqModal/ [对话框插件] http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ [日历插件] http://jquery.bassistance.de/validate/demo/ [表单验证] http://jquery.com/demo/thickbox/ [图片层/对话框] http://demos.flesler.com/jquery/scrollTo/ [锚点特效] http://15daysofjquery.com/examples/jqueryEditInPlace/demo.php [div编辑] http://www.davehauenstein.com/code/jquery-edit-in-place/example/ [div编辑&保存] http://www.appelsiini.net/projects/jeditable/default.html [div编辑&保存] http://www.jdempster.com/category/jquery/disableTextSelect/ [禁止鼠标选取] http://www.phpletter.com/contents/ajaximageeditor/ajax_image_editor.php [图片放大缩小/加图解] http://www.phpletter.com/Demo/Jquery-Floating-Box-Plugin/ [页面四角浮停DIV] http://www.visual-blast.com/javascript/jcrop-jquery-image-crop-plugin/ [图片裁切] http://stanlemon.net/projects/jgrowl.html [类似 163 BLOG右上角提示信息插件] http://jquery.lukelutman.com/plugins/flash/ [Flash IE7 无虚框插件]
Also posted in JavaScritp, jquery | Tagged | Leave a comment

怎样保存 Checkbox 值

预备知识点: 二进制数值: 0的二进制数值是 0 1的二进制数值是 1 2的二进制数值是 10 3的二进制数值是 11 4的二进制数值是 100 5的二进制数值是 101 6的二进制数值是 110 ... 在 php 中可以通过 decbin() 函数将十进制数字转换为二进制数字. 位运算符 & (按位与), 什么是 & 运算呢? 以 $c = $a & $b 表达式为例, & 运算是将 $a, $b 的二进制数值相比较, 只要两个二进制数中某位都是1, 则结果的二进制数中该位都为1, 否则结果为 0. 假设: $a 的值为 2 (十进制), 它的二进制数值为 10 $b 的值为 4 (十进制), [...]
Also posted in JavaScritp, Mysql, PHP | Tagged , , , | Leave a comment

用 jsScrolling 美化你的滚动条

系统自带的滚动条样式设置好像是块硬骨头, 我们只能设定它的边框颜色/背景颜色/3D边框等一些最最最基本的样式, 这对于想要做出一流页面的我们来说简直太简陋了! 做漂亮的页面梦想要破灭了么? NO! jsScrolling 能帮我们来啃掉这块硬骨头~ jsScrolling 能利用 javascript 和 css 来模拟系统滚动条, 达到我们自定义滚动条的目的. (美中不足的是 jsScrolling 只能模拟垂直滚动条, 暂不支持水平滚动条, 但实际上水平滚动条出现的几率是很小的) 官网地址: http://www.n-son.com/scripts/jsScrolling/index.html 下载地址: http://www.n-son.com/scripts/jsScrolling/jsScrolling.zip 这里面会有简介文件/DEMO/JS文件(压缩&未压缩过的) jsScrolling 它包括两个部分 jsScroller.js 和 jsScrollbar.js jsScroller.js 是用来控制内容滚动的, 一个简单的例子 (你可以在这里看到效果 1.html): <!-- 一个最基本的代码结构包括: 1, 默认的样式 2, JS初始化 3, HTML代码格式 注意: 1, 默认css样式必须要有 2, css 样式名不能修改 3, html 代码结构不能修改 --> <style type="text/css"> .Scroller-Container-Parent{position:relative; [...]
Also posted in Css, JavaScritp | Tagged , , | Leave a comment