Javascript下拉菜单以及实现方法

Blog上要用到一个下拉菜单,网上这方面的例子很多,但是手头闲着没什么事情,就自己写了一个,顺便写一下自己在做的时候的思路,检查一下自己同时也与大家分享。大家先看Dorplist演示效果

要实现的目标很简单就是一个两级的下拉菜单.具体一点就是在已有的HTML代码的基础上按照不唐突的原则实现下拉列表。

主要的容易出问题的地方就是mouseover和mouseout事件分发问题这个在前面的一篇文章中已经说过了。 继续阅读 »

转载请注明原文出处《Javascript下拉菜单以及实现方法》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

JavaScript下雪效果【圣诞将至】

圣诞将至,整好皮肤上也能用得到,于是就做了一个下雪的效果。

难点主要就是集中在setTimeout函数上,因为setTimeout函数无法使用call和apply方法改变调用的对象所以这个地方比较值得注意。本效果中使用的是在window对象中注册两个数组,通过变通的方法实现。

window.objTimeoutFuncs  = [];
window.objTimeoutIds =  [];
function objTimeout(obj,func,time,id){
window.objTimeoutFuncs[id] = function(){
func.call(obj);
}
window.objTimeoutIds[id] =  setTimeout('objTimeoutFuncs[\''+ id +'\']()',time);
}
function clearObjTimeout(id){
clearTimeout(window.objTimeoutIds[id]);
}

在效果中根据雪花的大小调整雪花的透明度以及飘动的速度。由于IE下面图片透明度有问题会出现黑边所以就把IE的透明度设置去掉了,只保留了FireFox下的透明度变化效果。

显示代码:

具体代码中注释的很清楚,有喜欢的朋友请下载看源代码。

源码下载:圣诞将至,下雪效果

转载请注明原文出处《JavaScript下雪效果【圣诞将至】》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox)

最近由于项目需求,不能使用框架,所以自己写了一个比较通用的提示框效果。主要是实现了组件化,兼容主流浏览器,并采用CSS+DIV布局。整个效果中没有使用图片,所以在各种提示情况下均适用。

只要在页面中引用相关的文件,调用MessageBox.showMessage()方法即可显示提示窗口。废话不多说先看效果。

代码比较简单,所有的代码我都已经加入到注释,用起来应该很方便。

主要的的MessageBox对象有三个方法,init()、showMessage()、dispose(),分别负责弹出对话框的初始化,消息显示以及消息框的可拖动,消息框关闭。

代码中还用到了如何获取当前窗口的真实高度和宽度的方法以及判断FF与IE之间Event对象的不同之处。

演示文件地址:JavaScript提示框

完整zip下载:JavaScript提示框V1

设计编写:DK 转载请注明出处:http://www.dklogs.net

转载请注明原文出处《使用JavaScript模仿消息提示框效果(兼容IE6+,FireFox)》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。