ymPrompt消息提示组件4.0版[2009-03-02]DEMO演示及使用简介
摘要:ymPrompt消息提示组件4.0版[2009-03-02]DEMO演示及使用简介
页面IFRAME:
页面文本:
页面文本1
页面文本2 页面Select选择框
下拉选项1 下拉选项2 下拉选项3
--------------------------------------------------------------------------------
更换皮肤: QQ Simple SimpleGray VISTA dmm-Green bluebar black 修改默认配置:拖动窗体的透明度: 遮罩颜色: 遮罩透明度:
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,同时我们经常希望能实现一些window.open之类的弹出框,但window.open弹出框存在诸多问题,如可能被拦截,界面不美观等。
为了实现更好的界面效果和控制,于是模拟系统的消息提示框及弹出窗口实现了该组件。在外观上可以通过css进行完全的控制。
-----------------------------------
阅读全文
posted @
2009-03-23 15:26
小角色
阅读(2566)
推荐(0)
10种AJAX/JavaScript特效实例让你的网站更吸引人
摘要:

今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。
我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。
这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面,从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴,而且安装和使用都比较容易。
您还可以参考以下JavaScript/Ajax相关教程及资源:
《10个非常棒的Ajax及Javascript实例资源网站》
《12种Javascript解决常见浏览器兼容问题的方法》
《300+Jquery, CSS, MooTools
阅读全文
posted @
2008-12-16 14:08
小角色
阅读(764)
推荐(0)
自己动手,实现jQuery中的ImageCopper.
摘要:最近经常看到园子里的同学提到jQuery(其实很早时就有同事把它用到项目中了),不小心又看到一篇文章里说到jQuery,随手点了里面的一个链接,进到了jQuery的UI的站,在里面随便看了几个demo,没吸引到我,这时,发现了一个叫Image Copper的东东,因为很早前见到一个同事做项目的时候用过差不多的东西,那时候对我来说比较神奇,一直也没研究过,所以点了进去,竟然发现Demo不能用,我想,应该是Opera的问题吧,我换Firefox一看,晕了,还是不行,难道jQuery没做兼容么?只能在IE用?我又打开了IE,结果IE里也预览不了,唉,看来是我人品有问题了,3个浏览器都看不到他的Demo效果.
看这东西实现起来应该也不算难吧,自己写来玩玩?那就试试吧.说做就做,开始写,结果发现越写越不简单,写到后面,代码越来越多,看来这东西实现起来是有些麻烦,还是硬着头皮写完了,大家就自己看看效果吧,代码里有简单的注释,暂时没有经过严格的测试,问题肯定是有的,像我这样整天晕乎乎的人,没问题那就不正常了.
下面是3个简单的Demo.
调用时,除了第一个参数必须外,其它的两个可传可不
阅读全文
posted @
2008-07-21 09:23
小角色
阅读(336)
推荐(0)
使用blockUI制作自定义的漂亮的网页提示框(代替confirm和alert)
摘要:一、介绍blockUI
它是Jquery框架的一个插件,专门用来做提示框、模态窗口的
地址:http://www.malsup.com/jquery/block/
具体的使用方法和demo里面都写得很清楚,我不再一一陈述
二、重写javascript中的alert,使得所有调用alert的地方都有统一的样式
这里我提供一个js文件
$.blockUI.defaults.overlayCSS.backgroundColor="#d5d5d5";
$.blockUI.defaults.pageMessageCSS.border="none";
//$.blockUI.defaults.pageMessageCSS.backgroundColor="#D6D6D6";
$.blockUI.defaults.pageMessageCSS.margin="-50px 0 0 -200px";
阅读全文
posted @
2008-03-27 11:15
小角色
阅读(970)
推荐(0)
jquery插件概述
摘要:jquery插件概述2007-12-20 12:58概述
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。
File upload
Ajax
阅读全文
posted @
2008-03-18 15:09
小角色
阅读(372)
推荐(1)
Js事件大全
摘要:一般事件 事件 浏览器支持 描述
onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick IE4|N4|O 鼠标双击事件
onMouseDown IE4|N4|O 鼠标上的按钮被按下了
onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件
onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove IE4|N4|O 鼠标移动时触发的事件
onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件
onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
阅读全文
posted @
2007-11-29 15:05
小角色
阅读(170)
推荐(0)
淡入潜出Htnl控件和服务器控件
摘要:
无标题页
//淡入潜出GridView
function lightGridView()
{
$("#GridView1").fadeIn("fast");
$("#GridView1").fadeOut("slow");
}
$(document).ready(functi
阅读全文
posted @
2007-08-30 09:26
小角色
阅读(209)
推荐(0)
jQuery入门第一步
摘要:jQuery入门第一步
指南(1)用jquery开始吧
这个指南是对jquery库的一个总的介绍,当然你也被要求具备javascript和DOM(文档对象模型)的相关知识。该指南试图解释一些必须的细节。它涵盖了一个简单的”hello world”实例,选择器和事件基础,AJAX,FX以及官方插件。
这个指南并没有”click me”,而是依靠”copy me”(复制/粘贴代码)来测试例子,拷贝一个例子,看它是怎么做的,然后根据你自己的想法修改它。
目录:
1. 安装
2. Hello jQuery (look like hello world)
3. 用选择器(selector)和事件(events)
4. 用ajax
5. 用FX(各种效果)
6. 用tablesorter 插件
7. 书写你自己的插件
8. 下一步(展望)
1.安装
开始之前,我们需要一个
阅读全文
posted @
2007-08-29 11:23
小角色
阅读(532)
推荐(0)