分类 网页与编程 中的文章

前两天做的侧栏功能菜单与后台界面

脑子里突然有了一个想法,就做出来了,还有最近学到的一个ASP后台,觉得原后台又小气又丑,于是把后台整个界面重新设计了一下.
原后台样式
[attach=88]
重做后的后台样式
[attach=89]

最关键的是左边的下拉菜单,使用了JQUREY,这东西的选择器的各种效果实现起来真的很方便啊,一开始做好后第二天在朋友的电脑IE7上预览总是提示JQUERY的选择器符 $ 处找不到对象,怎么看也看不出来问题,郁闷了半天,中间偶尔一次又正常了,就一次,我就纳闷了,难道IE6,FireFox,Opera都支持的IE7这种更高版本的却不行?又偶尔一次以前给他装的畅游巡警报警说网页有木马,文件就是 jquery.js ,然后才知道,我靠,居然是畅游巡警把 jquery 的脚本文件当成挂马的脚本给屏蔽了,关闭畅巡游巡就一切正常了,怪不得 jquery 的语句全都不生效呢,不过就算 jquery 语句不生效,仅仅影响了菜单的展开的收缩效果而已,其它的都还是正常地,呵呵,下看。
看图:

[attach=90] 这是正在做的一个网站界面,小看一下,哈哈:
[attach=91]

演示地址:http://www.vgot.net/design1/Manage/Manage.html
还有一点我纳闷的是,我检查了  jquery 的文件一切正常啊,从官网上下载了原文件对比没有不一样的地方,还有我的首页上也使用了 jquery 的效果,为什么用他的 IE7 浏览我的首页一切正常呢,这个下拉菜单却报了?

Pader 2008-10-18 0

最近设计的一个登陆界面

前面图片使用PNG透明而成,兼容 IE,FF,OP 其它的浏览器未测试,呵呵,用在了新华学院的校园网盘系统登陆上。

演示地址:http://www.vgot.net/design1/Login/Login.html

Pader 2008-10-18 0

用心感受PHP无刷新留言簿

这个留言簿做出来有两个多月了,以前调用的XMLHTTP全是自己写的,一直测试正常,后来在多种环境和浏览器下测试才发现很不稳定,只有在册了什么DLL的IE和FireFox下才可以正常使用,JAVASCRIPT的函数我研究了好久,也参考了其它的源码好久,可是有时候写的就是一样,就是问题不断,怎么也找不到哪里错了,因为最近在学JQuery,发现JQuery的AJAX很强大,也很简单,而且兼容多浏览器,便把留言簿的AJAX函数全使用JQuery的代替了,于是也现出来给大家看看,呵呵。

演示地址:http://www.vgot.net/test/myfeel/

Pader 2008-9-25 2

鱼鱼桌面“电池状态信息”小工具

以前开发过一样的在VISTA侧边栏的电池小工具,因为身边的朋友喜欢用鱼鱼,特花了点时间做了一个鱼鱼下的小工具,还有各种各样的背景皮肤选择哦。

[attach=63] [attach=64] [attach=65]

 [attach=66]

小工具默认使用的是“微软雅黑”字体,这样更美观,如果您的电脑上没有微软雅黑字体的话会很难看,建议从网上下载微软雅黑字体,当然如果您不喜欢装字体的话可以使用默认为“黑体”版的,您可以从鱼鱼的官方网站上下载。

下载:
» 微软雅黑版鱼鱼官网下载
» 雅黑版本地下载:[attach=213]
» 黑体版本站下载:[attach=67]

Pader 2008-9-25 3

网页中随时获取鼠标位置

好久没更新博客了,连看奥运会的时候都没上过网,这次给大家带来一个 JavaScript 好东西,自己拿去玩吧...
 

JavaScript代码
  1. <!--   
  2. /*   
  3.     2008-7-28 17:54  
  4.     Made by pader of http://www.vgot.cn  
  5.     我们先在这里声明了一个全局空数组变量 mousePos  
  6.     用它来存放鼠标的即时坐标数据  
  7. */  
  8. var mousePos = new Array();   
  9. /*  
  10.     mouseLoc 把获取到的鼠标坐标数据赋值给了  
  11.     mousePos 这个全局数组.  
  12.     mousePos["x"] 的值就是鼠标的 X 轴即横向距页面左边的像素距离  
  13.     mousePos["y"] 的值就是鼠标的 Y 轴即纵向距页面顶部的像素距离  
  14. */  
  15. function mouseLoc(e){   
  16.   if(document.all){   
  17.     x = event.x + document.body.scrollLeft;   
  18.     y = event.y + document.body.scrollTop;   
  19.   } else {   
  20.     x = e.pageX;   
  21.     y = e.pageY;   
  22.   }   
  23.   mousePos["x"] = x;   
  24.   mousePos["y"] = y;   
  25.   return true;   
  26. }   
  27. /*  
  28.     为了让页面能即时获得鼠标的坐标,我们只能用之类的事件执行这样的函数.  
  29.     在这里使用 document.onmousemove 事件来执行 mouseLoc  
  30.     以不断更新全局数组 mousePos 里的鼠标位置数据  
  31. */  
  32. if(document.layers){    //NS4   
  33.     document.captureEvents(Event.MOUSEMOVE);   
  34. }   
  35. document.onmousemove = mouseLoc;   
  36. /*  
  37.     那如果我还想在这个事件里做其它的事情怎么办呢?  
  38.     可以像下面这样写:  
  39.         document.onmousemove = function(){  
  40.             document.body.onmousemove = mouseLoc;  
  41.             alert('第一个弹出信息');  
  42.             alert("弹出第二个信息");  
  43.             //更多...  
  44.         }  
  45.     这里为防止与 document.onmousemove 冲突,我们在 function(){} 里面  
  46.     使用的是 document.body.onmousemove 来执行 mouseLoc;  
  47. */  
  48. //-->  


去掉注释就这么点

 

JavaScript代码
  1. <!--   
  2. var mousePos = new Array();   
  3.   
  4. function mouseLoc(e){   
  5.   if(document.all){   
  6.     x = event.x + document.body.scrollLeft;   
  7.     y = event.y + document.body.scrollTop;   
  8.   } else {   
  9.     x = e.pageX;   
  10.     y = e.pageY;   
  11.   }   
  12.   mousePos["x"] = x;   
  13.   mousePos["y"] = y;   
  14.   return true;   
  15. }   
  16.   
  17. if(document.layers){    //NS4   
  18.     document.captureEvents(Event.MOUSEMOVE);   
  19. }   
  20. document.onmousemove = mouseLoc;   
  21. //-->  
Pader 2008-8-27 0