JavaScript/HTML/CSS
关注
分享
扫一扫
介绍JavaScript、HTML、CSS相关技术
hoojo
一直被模仿，从未被超越！
展开
-
60款很酷的 jQuery 幻灯片演示和下载
转自：http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.htmljQuery 是一个非常优秀的JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的转载 2013-09-26 15:41:02 · 9899 阅读 · 3 评论 -
Web 通信 之 长连接、长轮询（long polling）
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询？用通俗易懂的话来说，就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的，只是我们人眼无法分辨是否停止，它只是一种快速的停下然后又立即开始连接而已。二、长连接、长轮询原创 2013-09-26 15:07:19 · 9360 阅读 · 2 评论 -
几款极好的 JavaScript 文件上传插件
jQuery File Uploader这是最受欢迎的 jQuery 文件上传组件，支持批量上传，拖放上传，显示上传进度条以及校验功能。支持预览图片、音频和视频，支持跨域上传和客户端图片缩放，支持的服务端平台有：PHP, Python, Ruby on Rails, Java, Node.js, Go 等等。使用示例：?1234转载 2013-09-26 15:22:25 · 9474 阅读 · 3 评论 -
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript（jsjac）框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire，以及需要用到Http方式和Openfire通信的第三方库（JabberHTTPBind）。JabberHTT原创 2012-08-13 09:56:21 · 37718 阅读 · 344 评论 -
JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
WebIM本地客户端，可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等；还支持收缩split条，详情等；上UI界面，界面还不够专业，需要美工支持，下一期再看看能不能优化！收缩详情chat.html 代码 IM Chat $(function () {原创 2012-06-18 19:44:51 · 6338 阅读 · 15 评论 -
Java 利用SWFUpload多文件上传 session 为空失效，不能验证的问题
我们都知道普通的文件上传是通过表单进行文件上传的，还不能达到异步上传的目的。通过使用某些技术手段，比如jquery form.js可以达到异步上传的目的，但最重要的问题在于，它不能够进行多个文件的上传。如果你要上传多个文件，必须一个一个地上传，同时还要在界面上处理当上传完一个文件之后，下一个文件上传框的问题。 现在我们有了一个更多的运行，即使用swfupload进行多文件异步上传。顾名思转载 2012-05-11 14:16:05 · 3663 阅读 · 2 评论 -
jQuery 获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).out转载 2012-02-16 17:48:17 · 3796 阅读 · 3 评论 -
SWFUpload
<br /><br />SWFUpload<br />SWF多文件无刷新上传，利用flash完成多文件上传操作。服务器端可以用Struts、Servlet、JSP完成，这里用Struts1.x完成上传<br />1、首先看下目录结构<br /><br />SWFUpload这个文件夹是核心文件，里面的文件一个都不能少。<br />css文件夹是样式文件，所有的样式可以在此文件中修改完成<br />images是图片<br />jslib是js库文件，需要的上传的js文件和flas原创 2010-12-21 16:28:00 · 5156 阅读 · 1 评论 -
HTML布局定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全带图详解
<br />网页可见区域宽： document.body.clientWidth;<br />网页可见区域高： document.body.clientHeight;<br />网页可见区域宽： document.body.offsetWidth (包括边线的宽);<br />网页可见区域高： document.body.offsetHeight (包括边线的宽);<br />网页正文全文宽： document.body.scrollWidth;<br />网页正文全文高： document.body转载 2010-09-29 11:50:00 · 5049 阅读 · 1 评论 -
JavaScript js cookie的添加、删除、修改和查询
<br />支持中文添加不会乱码，可以用unescape、escape或是encodeURI、decodeURI进行编码转换就可以解决乱码。<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>JS操作cookie.html</title> <meta http-equiv="keywords" content="keyword1,keyword2原创 2010-09-28 15:51:00 · 12361 阅读 · 6 评论 -
用js javascript 创建网页快捷方式
javascript 创建网页快捷方式原创 2010-09-21 11:02:00 · 5360 阅读 · 3 评论 -
js javaScript 操作cookie
<br /> String.prototype.Trim = function() { return this.replace(/^/s+/g,"").replace(//s+$/g,""); } function JSCookie() { this.GetCookie = function(key) { var cookie = document.cookie; var cookieArray转载 2010-08-31 09:08:00 · 2262 阅读 · 1 评论 -
JavaScript js csdn 文字滚动广告效果
<br />csdn博客中的招聘广告效果代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>csdn 博客 招聘滚动信息广告特效</title> <meta http-equiv="author" content="hoojo"> <meta http-equiv="description" content="this is my page"原创 2010-08-05 13:11:00 · 3069 阅读 · 5 评论 -
JavaScript js 仿password功能
javascript仿password功能，将用户输入的信息替换成*。然后得到用户输入的字符串；filterStr.html原创 2010-07-26 16:06:00 · 2458 阅读 · 5 评论 -
用JavaScript js 控制 Media Player 播放器
控制你的播放器原创 2010-07-22 11:32:00 · 13550 阅读 · 4 评论 -
javascript js 可上、下移动下拉列表选项
兼容FireFox、IE，可以上下，顶部，底部移动的select option的jsmoveOption.html原创 2010-07-21 19:29:00 · 2859 阅读 · 2 评论 -
JavaScript js 左右移动下拉列表选项
最开始想每个方法中用一个循环搞定，后来发现循环删除后。options的索引和集合就发生了变化，删除就不成功。有时候还出现selected为空的现象，2个循环就over了；addMulitOptions.html原创 2010-07-20 12:16:00 · 3662 阅读 · 0 评论 -
javaScript js 可滑动的div块
可以滑动的div块原创 2010-07-14 16:56:00 · 4218 阅读 · 0 评论 -
JavaScript js 操作cookies之增、删、查
<br /><script>//写cookies函数 作者：翟振凯function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值{ var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*1000);转载 2010-07-02 15:01:00 · 6982 阅读 · 1 评论 -
JavaScript js div层拖拽（兼容IE6、FF）
最近在论坛里经常看到有人问div拖拽层的问题。根据其中的一个帖子上的代码，本人稍作修改。现在功能已经实现，并且兼容FF、IE。代码如下：原创 2010-07-02 10:50:00 · 4532 阅读 · 1 评论 -
IE、FF CSS 兼容性、兼容浏览器的技巧 2
<br />IE和火狐的css兼容性问题 CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 1、DOCTYPE 影响 CSS 处理 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中原创 2010-07-02 10:10:00 · 2428 阅读 · 7 评论 -
BS系统中，几个常用的小技巧
在BS系统中，有很多小技巧只需要几行代码就可以完成一个丰富的功能。这些技巧被广泛用于BS系统中，下面来看看这些技巧的使用：TEXTAREA自适应文字行数的多少在打开的子窗口刷新父窗口的代码里如何写网页不会被缓存关于鼠标拖动,改变层大小自动显示主页最后更新日期利用〈IFRAME〉来给网页中插入网页如何让滚动条出现在左边禁止鼠标右键查看网页源代码原创 2010-07-02 10:06:00 · 2260 阅读 · 3 评论 -
IE、FF CSS 兼容性、兼容浏览器的技巧
由于浏览器的内核很多都不同，所以它们解析js、CSS也不同。这样又需要我们去兼容它们。下面是CSS兼容浏览器的一些技巧：一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)原创 2010-07-02 09:55:00 · 2383 阅读 · 1 评论 -
JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们，不然有些浏览器就无法运行我们的代码。就会造来客户的投诉，如果让BoSS知道了，这可不太好哦。下面是兼容IE和FF的js脚本做法和分解：原创 2010-07-02 09:47:00 · 9400 阅读 · 6 评论 -
JavaScript js 精确、保留小数方法
做BS的兄弟都知道js，我们搞Bs就少不了要和js打些交道。不会一定js还真是不行，有些的地方就是离不开js。在form表单中，有时候会要保留小数。精确小数点到多少位。那么下面的一些方法就可以帮我们做到。原创 2010-07-01 17:52:00 · 14410 阅读 · 2 评论 -
JavaScript js 不用正则验证小数完美方法
在javascript验证表单、文本域、整数小数的方式多种多样。今天我也写了一个验证小数的解决方案，不需要用户点击什么按钮或是失去焦点后。给予用户反感的alert警告提示。这里不能输入的是不容许出现在文本框中的。就这样也不需要经常alert来提示用户输入错误。此验证方法很简单，但设计也很巧妙。使用的是我们常用split、array、substring等方法函数设计而成；原创 2010-06-24 15:26:00 · 4009 阅读 · 8 评论 -
jQuery 可编辑表格文本域，支持键盘快捷操作
可以和后台进行互动，通过第一列的值进行ajax请求。然后给后面的单元格进行赋值操作。支持键盘添加一行、删除一行表格、支持上下左右，快捷移到获得焦点操作。以及键盘事件对数字进行验证等。原创 2010-06-23 12:16:00 · 4271 阅读 · 1 评论 -
jQuery 设置表格隔行变色、隔列变色
jQuery写的表格隔行变色、隔列变色的示例，简单的实现。隔行变色、隔列变色原创 2010-06-18 15:07:00 · 5682 阅读 · 6 评论 -
javascript js 删除表格的行、单元列
动态删除表格的行、列，有点类似于String中的substring函数。不过这里也有开始删除的位置和删除的长度。但是不包括起始位置，用法和substring类似；原创 2010-06-18 14:59:00 · 2163 阅读 · 1 评论 -
js javaScript array 取指定元素索引、判断是否相同、重复、过滤数据
最近写js也多了，Array中有好多方法不够用。自己加了些以后还可能用到。修改same方法bug原创 2010-06-17 12:19:00 · 5222 阅读 · 0 评论 -
js javaScript中String添加replaceAll 方法
String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2); //g全局 }原创 2010-06-17 11:36:00 · 2663 阅读 · 0 评论 -
在javaScript js文本域中验证整数、小数的方法
在javaScript js文本域中验证整数、小数的方法项目需要为了体现更人性化，要求在文本框录入值的时候不要alert弹出消息提示、做页面提示用户输入错误等消息。所以只能控制用户输入的字符，来杜绝错误的可能。原创 2010-06-17 11:01:00 · 2304 阅读 · 0 评论 -
在web html页面中，打印、预览当前页面
最近的项目需要简单的实现一下打印当前页面的数据，有分页打印的功能。下面的一段代码可以帮助我们实现简单的打印功能，要想实现复杂的打印那需要利用其他的打印控件。这里就不提了！原创 2010-06-17 09:55:00 · 17847 阅读 · 9 评论 -
jQuery javaScript js 判断浏览器的类型、版本的方法
在jQuery判断浏览器的类型、版本都是通过正则完成的。在1.4版本中：function brs ( ua ) { ua = ua.toLowerCase(); var match = /(webkit)[ //]([/w.]+)/.exec( ua ) || /(opera)(?:.*version)?[ //]([/w.]+)/.exec( ua ) || /(msie) ([/w.]+)/.exec( ua ) || !/compatible/.test( ua原创 2010-06-09 17:24:00 · 2759 阅读 · 0 评论 -
用JavaScript js 控制 Media Player 流媒体
1 OpenStateChange 事件 OpenStateChange 事件表示Player的状态已经发生了改变。Media Player的打开状态有： 0 表示流已经关闭（nsClosed） 1 表示正在装入ASX文件（nsLoadingASX） 2 表示正在装入NSC文件（nsLoadingNSC） 3 表示正在寻找Media Server （nsLocating） 4 表示正在与Media Server建立连接（nsConnecting） 5 表示正在打开或侦听流信息（n原创 2010-06-09 13:29:00 · 8371 阅读 · 5 评论 -
JavaScript js 动态更换、播放图片特效
这里的动态更换图片的基本原理是首次将所有图片一次性的输出到页面，随后默认显示第一张图片。以后没一秒钟就显示图片的索引加1，其他图片隐藏起来。原创 2010-06-07 16:05:00 · 8106 阅读 · 3 评论 -
html中常用JavaScript验证表单文本域方法，如日期、字符串、数字等
html中常用JavaScript验证方法，如日期、字符串、数字原创 2010-06-01 14:56:00 · 3526 阅读 · 0 评论 -
html中optgroup 标签用法，分组、只读的且呈树状样式显示
在html的select标签中除了了option标签外，还有一个标签就是optgroup 。它能帮我们做什么咧？原创 2010-05-31 15:34:00 · 3064 阅读 · 0 评论 -
导出word功能，用html代码在word中插入分页符
最关键的是这段代码，它就是分页符：经常导出word功能，想在jsp、html中控制word的页数、在指定的位置进行分页可以通过这段代码进行分页。下面是一个分页的示例，简单的输入2行文本。让他们处在不同的页面： <% String path = request.getContextPath(); String basePath = request.getSchem原创 2010-05-27 17:22:00 · 7547 阅读 · 4 评论