前端开发
关注
分享
扫一扫
jiedushi
大数据10年左右工作经验，喜欢工作中遇到的问题与解决整理到博客
展开
-
文字向上滚动代码
代码·早晨好啊！·空气好清新啊·今朝食好呢？·中央电视台原创 2004-10-19 13:13:00 · 4136 阅读 · 0 评论 -
滑动式折叠菜单 － Slashdot's Menu
折叠菜单让你在尽可能小的地方放置尽可能多的内容，同时加大了操作的简便性，因此，深受前台设计师的喜爱。随着大家对动画效果的钟爱，折叠菜单也开始“动”起来了，本文介绍的就是 DimX 制作的滑动式折叠菜单效果－Slashdots Menu。 "text/javascript"> function SDMenu(id) { if (!document.get转载 2009-04-10 16:35:00 · 1436 阅读 · 0 评论 -
产品类别收缩——展开新效果 COOKIE保存状态
var pretablename=null;var pretablename1=null;var myarray=new Array();/** 设置cookie*/function setCookie(sName, sValue){document.cookie = sName + "=" + escape(sValue) + ";path=/";}/** 获取cookie*/function转载 2009-04-09 13:48:00 · 1025 阅读 · 0 评论 -
新浪和网易的ajaxtab脚本
2009-05-06 10:21:27新浪ajaxtab脚本var Browser = new Object();Browser.isMozilla = (typeof document.implementation != undefined) && (typeof document.implementation.createDocument != undefined) && (ty原创 2009-05-06 10:03:00 · 1321 阅读 · 0 评论 -
汉字转拼音处理javascript
var spell = {0xB0A1:"a", 0xB0A3:"ai", 0xB0B0:"an", 0xB0B9:"ang", 0xB0BC:"ao", 0xB0C5:"ba", 0xB0D7:"bai", 0xB0DF:"ban", 0xB0EE:"bang", 0xB0FA:"bao", 0xB1AD:"bei", 0xB1BC:"ben", 0xB1C0:"beng", 0xB1C6:"原创 2009-05-13 08:42:00 · 1598 阅读 · 0 评论 -
网页版的FIREBUG
javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement(SCRIPT);%20scriptElem.setAttribute(language,%20JavaScript);%20scriptElem.setAttribute(src,%20scr转载 2009-05-21 14:23:00 · 1114 阅读 · 0 评论 -
20个让Web Developer开发生涯更加轻松的工具
来源 http://www.pjhome.net/article/Web/20-tools-to-make-the-life-of-a-web-developer-easie.htmTypetester一个在线对比字体的工具，可以很直观得看到不同字体的差异 pForm创建HTML表单的工具，能在瞬间创建很美观的表单，并输出html代码 ColourLovers转载 2009-06-17 09:34:00 · 854 阅读 · 0 评论 -
firefox3.5安装旧版本扩展插件方法
大多数旧版本的扩展和插件都是可以正常使用的，只不过被Firefox 3出于安全角度的考虑进行了某些屏蔽而已。我们可以通过下面的方法进行解决：在Firefox地址栏输入“about:config”，在随之弹出的页面中单击“我保证会小心”按钮，然后下面的列表任意处右击，从快捷菜单中选择“新建→布尔”，在弹出的对话框中输入“extensions.checkCompatibility”，并将其值设置为“f转载 2009-07-01 14:02:00 · 1241 阅读 · 0 评论 -
并行下载JavaScript
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); document.getBoxObjectFor ? Sys.firefox = ua.match(/firefox//([/d.]+)/)[1] : function AttachScript(src) {原创 2009-09-07 10:44:00 · 1821 阅读 · 0 评论 -
解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)
如果分别用IE5、IE6、IE7浏览同一个网页，将可能出现不一样的效果。这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。我们不得不找到一个能平衡于它们之间的解决方法。如png透明问题在IE5、IE6下无法显示出其效果，我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScrip转载 2010-01-13 11:48:00 · 887 阅读 · 0 评论 -
IE6.0、IE7、8 与FireFox等浏览器 CSS（脚本）兼容的写法
转载自Freetaos Blog [ http://Kainy.CN/ ] CSS对浏览器的兼容有时让需要设计网页的朋友非常头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.转载 2010-01-18 08:23:00 · 1320 阅读 · 0 评论 -
实用的 JavaScript 测试及效验工具
转自www.cnbeta.com/articles/108735.htmJavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者，掌握JavaScript可以增强用户的使用体验，提供交互及富客户端等功能。尽管JavaScript 的语法非常简单，但对于写程序而言仍然是困难重重，就是因为它的运行环境：基于Web浏览器。以下您可以看到收转载 2010-04-16 07:56:00 · 730 阅读 · 0 评论 -
给您网站的Sitemap添加图片
转载自：谷歌中文网站管理员博客网站地图对于搜索引擎来讲，是非常宝贵的资源，它能突出网站的重要内容，从而使得爬虫能够迅速发现并抓取。同样，作为许多网站内容的重要组成部分——图片，也有异曲同工之处，如果搜索引擎能够判断出您认为重要的图片，这对搜索引擎来说，也是大有裨益；对于那些只能通过JavaScript形式访问的图片，或者包含许多图片但只有部分图片与页面内容不可分割的网页来说，这一点转载 2010-04-21 09:28:00 · 742 阅读 · 0 评论 -
土豆首页图片延迟加载的效果
<br />经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐"这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。<br /> <br />实现:<br /> <br /> 其实tudou的实现原理很简单，<br /> <br /> 1.先把所有需要延迟加载的图片的src都设置成同1个小转载 2010-07-03 09:31:00 · 1780 阅读 · 0 评论 -
在Innerhtml中运行js脚本
<br /><div>aaa<script type="text//javascript">alert('test');</script></div><br />这样的一段HTML节点中包含了一些JS代码.如果想把这段放到一个DOM容器中.并且把里面的JS运行起来<br />这样问题就出现了.<br />首先:<br />$('fun').innerHTML = '<div>aaa<script type="text//javascript">alert(/'test/');</script><//div>转载 2010-09-23 14:29:00 · 5973 阅读 · 0 评论 -
做出真正的W3C,IE FireFox对CSS的不同解释收集
<br />W3C说是一个标准,不如说是一个麻烦,FireFox大家都说好用,但我宁愿它没有!! 苦了这些程序员,哎<br /><br />以下细节只针对IE和FireFox，其它浏览器并未测试<br /><br />1.DOCTYPE 影响 CSS 处理<br /><br />2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行<br /><br />3.FF: body 设置 text-align 时, div 需要设置 mar转载 2010-12-04 11:24:00 · 642 阅读 · 0 评论 -
JavaScript—动态添加脚本，并触发回调函数
<br /> <!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> <title></title> <meta http-equiv="Content-Type" content="text/html原创 2010-10-27 17:07:00 · 1165 阅读 · 0 评论 -
XPath类-操作XML工具类
XPath类：XPath类是用于对于XML的解析，加载，获取节点等操作（支持IE和FireFox）。/*@class: XPath@author: Kinglong(kinglong@gmail.com)@version: 0.5@link: http://www.klstudio.com@build: 20080122@lib: none*/XPath = { getIEXmlAX:fu转载 2008-09-26 09:22:00 · 1266 阅读 · 0 评论 -
动态添加删除tabs标签
网页对话function $(obj){ var o = typeof(obj)=="object" ? obj : document.getElementById(obj); return o;}function addChannel(ChannelId,LabelText){ var ChatBoa原创 2008-06-23 16:20:00 · 2482 阅读 · 0 评论 -
网站开发中经常用到的javaScript技术
网站开发中经常用到的javaScript技术 1 >屏蔽功能类1.1 屏蔽键盘所有键function document.onkeydown(){ event.keyCode = 0; event.returnvalue = false;}-->1.2 屏蔽鼠标右键在body标签里加上oncontextmenu=self.event.retur原创 2004-12-24 08:09:00 · 1622 阅读 · 0 评论 -
隐藏状态栏中的地址
http://www.pyinfo.ha.cn" onMouseOver="window.status=欢迎访问我的主页;return true">梦想天空原创 2005-01-06 16:41:00 · 1109 阅读 · 0 评论 -
如何动态加载JS脚本
来源：http://www.douwoo.cn/articles/2006/12/31/1_1167545707.html用ajax开发网站，用ajax的时候，需要用到大量的JS代码，而并是所有的代码都是要第一个载入的页面要用到，所以很多的JS代码动态载入比较合适，下面介绍了四种方法，在ajax开发中，第一种方法不合适，2，3，4方法，本质上是一张方法，详细地的动态加载JS方法如下：1转载 2008-03-24 11:06:00 · 11100 阅读 · 0 评论 -
运行插入到innerHTML中的script
在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如 div、span 或者 td 等），但是这里存在一个问题，就是我们将要赋给 innerHTML 的页面内容如果包含有脚本程序，这些脚本程序不管是外部脚本，还是内部脚本，可能(1)都不会被执行。这个问题在某些时候微不足道，甚至可以忽略，但有些时候，这个问题就非常严重，它很可能让我们转载 2008-07-10 08:48:00 · 1220 阅读 · 0 评论 -
Drag with prototpye
/** * @author Administrator *//** * 功能说明: * 使组件拥有移动的功能, * 1.实例化var dragger = Dragger()对象 * 2.利用dragger.makeDraggable(parameters)方法使组件具备拖动功能 * 其中parameters是一个匿名类，该 匿 名 类转载 2008-07-10 08:53:00 · 690 阅读 · 0 评论 -
javascript 操作cookie类
1 String.prototype.Trim = function() 2 { 3 return this.replace(/^/s+/g,"").replace(//s+$/g,""); 4 } 5 6 function JSCookie() 7 { 8 this.GetCookie = function(key) 9 {10 var cookie转载 2008-07-15 08:08:00 · 556 阅读 · 0 评论 -
js实现的同一页面多个分页
// JavaScript Document/**//*** js分页类* @param iAbsolute 每页显示记录数* @param sTableId 分页表格属性ID值，为String* @param sTBodyId 分页表格TBODY的属性ID值,为String,此项为要分页的主体内容* @Version 1.0.0* @autho原创 2008-07-18 11:11:00 · 2420 阅读 · 0 评论 -
jquery之表格分页
cssrain.cn-jquery原创教程之表格排序http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js" type="text/javascript">.code{ font-size:12px;}.current{ color : red;}span{cursor:hand;} $(function(){ $(原创 2008-07-18 14:57:00 · 2799 阅读 · 2 评论 -
从新浪网搜刮的js函数和类
/** * 去除字符串前后的空格 * 使用方法: str.trim(); * @return string */String.prototype.trim = function(){// 用正则表达式将前后空格// 用空字符串替代。 return this.replace(/(^/s*)|(/s*$)| /g, "");}/** * 精确统计字符串字节数 * * return intege原创 2008-08-05 10:57:00 · 786 阅读 · 0 评论 -
select覆盖div的解决方案
-----在前加入上面的语句虽说div直接盖不住select但是div可以盖iframe，而iframe可以盖select,所以，把一个iframe来当作div的底，这个div就可以盖住select了.代码aaaaaaabbbbbbbcccccccccccccccccccccccccccc test0test1test2test3转载 2008-06-10 14:54:00 · 744 阅读 · 0 评论 -
多个层切换效果通用函数
function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass){ for(i=0;i<=zDivCount;i++) { document.getElementById(divName+i).style.display="none"; document.getElementById原创 2008-06-12 16:41:00 · 963 阅读 · 0 评论 -
一个简单但常用的表格样式－－鼠标划过行变色－－简洁实现
经常性的会需要使用表格显示一些东西，当表格比较大的时候一眼望去脑袋可能会有些晕，经常性的因为没看准行而出现误操作，一般解决办法是交替行变行或者鼠标划过行变色，第一个太简单就不说了，第二个也很简单，但每个人都有不同的实现方法，下面给一个比较简洁的做法，支持IE6、IE7、FF2，其他浏览器未测试（可以扩展一下用到ASP.NET的GridView里）： 鼠标划过表格行变色－简洁实现转载 2008-06-12 14:05:00 · 966 阅读 · 0 评论 -
您未必知道的Css技巧
1. 关于background的写法DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。2）url括号中的引号是没有必要的，我们可以不写引号 2. 关于Border的写法，如果您转载 2008-06-12 14:17:00 · 731 阅读 · 0 评论 -
HTML小技巧：页面刷新后表单中值不丢失[经典]
代码示例： saveHistory行为应用 用了saveHistory 行为的表单项： 一般表单项： 注意： 这行代码为必需。特别说明saveHistory 默认行为允许对象在浏览器历史中留存数据，相关的特性、事件和方法说明如下： 特性： XMLDocument 对对象提供的 XML DOM 的引转载 2008-06-12 14:21:00 · 11285 阅读 · 1 评论 -
如何让网页的各个div按顺序加载？
网页中有两个div块，其中放置了一个flash,我想让这个flash加载完以后，再加载（或者显示）另一个div块里的内容，请问如何实现？ <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="mFlash" WIDTH="600" HEIGHT="300">转载 2008-06-16 16:50:00 · 1464 阅读 · 0 评论 -
关键字加亮--JS方法
1、单个关键字加亮 用JS让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... document.getElementById("txt").innerHTML = docum转载 2008-06-16 16:49:00 · 668 阅读 · 0 评论 -
自己封装的jquery ajax函数
/*函数参数method为ajax的请求方式 ("POST" 或 "GET") aurl参数为ajax提交请求的地址 id 参数为获取返回值后显示数据的DOM id imghtml参数为提交请求loading的图片地址 func参数为提交请求后执行的函数名 eventid参数为提交post请求的按钮id，默认为空 formid参数为提交post请求中的form表原创 2012-09-26 16:26:40 · 4283 阅读 · 0 评论