闲话一会儿ZDialog的皮肤吧
ZDialog是个看上去还不错的JS弹出框组件，最近项目里面用到了这个，使用起来挺简单的。前几天想到了看看网上能否找到它的其他皮肤样式，结果还真没有搜索到，想想我是不是也装有PS呢，于是就试了试的打开了将其图片的主题颜色给改了，于是就有了其他的颜色的皮肤了，呵呵。这里就说说换它的皮肤吧，运行起来它的例子后F12一下可以看到它总共使用了10张 png的小图片，使用PS将其图片的颜色给统一换掉就成了新的一套皮肤了。PS水平太渣呀，下面贴上几个图片。 1、自带的皮肤样式截图： 2、修改后的样式截图： 就这样吧，也好，罢了，咳咳咳咳。 注 上述许多内容已经过时和过期了，留存本篇文章仅为方便个人查看，原始文章的信息参考： 原始链接：https://www.chendd.cn/information/viewInformation/other/106.a 最后更新：2014-05-24 00:04:0...
文章分类：前端技术 HTML/JS/CSS
网页设计—仿QQ做的一个网页
前段时间看了下传智播客的html方面的视频讲解，确实有些收获，先感谢一下那些无私的讲师。这两天有点时间想想作个页面出来吧，正好检查一下水平看看，于是就开始做了，另外一个原因是想着开发人员写这种静态代码，可能会更好。外行人乍一眼看上去应该觉得挺像吧，在专业的设计师眼里应该觉得很糙吧。 QQ原网址：http://pc.qq.com/ 纯eclipse下手写，在FF下测试的，写完了之后发现支持IE8以上的浏览器，IE6-7下还是挺乱的，这个就不用管了。 页面中的所有图片都来自QQ网页中的，值得说的是它里面全是用的一张大背景图，然后使用坐标的形式来引用一个一个的小图标，虽然很早就知道这种方式，但一直没用到过，不会，页面预览效果图如下： html源码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.or...
文章分类：前端技术 HTML/JS/CSS
2、网页设计中绝对定位的实现
主要想说的绝对定位有两种，一种是使元素距离body（或者说是窗口）显示的绝对位置，另外一种是元素距离父元素显示的绝对位置。分别说一下两种的实现： 一显示距离窗口的绝对位置，只需要设置该元素的几个样式属性，代码如下： .positionBodyRight{ position: absolute; top:100px; right:100px; } 二显示距离父对象的绝对位置，需要两步，第一先设置父对象的绝对定位方式为静态定位，第二再设置子元素的绝对定位即可，代码如下： /** * 设置子元素 */ .positionBodyRight{ position: absolute; top:100px; right:100px; } /** * 设置父元素 */ .positionParent{ position: relative; } 练习代码为： <!DOCTYPE html PUBLIC ...
文章分类：前端技术 HTML/JS/CSS
1、网页设计最常见的一种布局显示
看了一下网页设计的视频资料（受益匪浅，感谢分享），对于网页设计有了一点点的理解，特整理代码如下，代码比较简单，兼容IE6以上、火狐等，至于代码的原理可以自己去听一听视频讲解，老师是一步一步讲解的，很清楚，视频见传智播客-张鹏带你一周hold住html+css第29(28讲也有)讲。 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>常用的网页布局图</title> <styletype="tex...
文章分类：前端技术 HTML/JS/CSS
js响应回车事件相关(简单)
标题的意思是对这个项目中大量用到的回车响应相关动作的概况，重在描述当快速多次的恶意点击回车键时，在相应的时间内只触发一个有效请求，实际应用中比如Autocomplete（用过jqueyui的Autocomplete的应该知道它默认有300毫秒的延时，也就是说快速的敲打hell时，并不是每个字符都触发一个加载的请求，而是只有间隔超过300毫秒的字符才发送了请求）、重复点击确定（保存）按钮等等这种重复性提交的动作。 话又说回来项目中有大量的点击回车键需响应相关的动作，其具体实现也是各不相同，这里主要说是一些我所注意到的细节性的问题，当然如果觉得不用考虑这些问题的，就别往下了。 1、在选择简单事件时选择哪一个？ 2、快速连续的点击回车是否会发送多次请求？ 先说第一个问题吧，键盘事件有keypress()、keydown()、keyup()，这几个函数还是存在细微的差别的，比如我选择的是keyup...
文章分类：前端技术 HTML/JS/CSS
彻底搞定 tree 菜单
以前搞tree，接触的多的是 dtree， dtree效果也还不错，一下子将所有的节点从底到高，一级一级的遍历，将基点一次性加载到客户端，由客户端来生成菜单，网上很多声音说不适合大型的应用，对这种方式的菜单不喜欢的也很多； 还有一种方式是点一下加载该级菜单的子级菜单，再点再加载，避免了一次性加载数量过大的原因，但，这种方式将数据保存在服务端，也就是说每次点击都会请求服务器，也会很浪费资源， 现在考虑的方式是，点击一个节点，加载这个节点下面的子级节点到客户端，再点就不会去重复加载了，只加载没有加载过的，即，将加载后的菜单保存到本地，这种方式，同时避免了dtree加载量大的问题，也避免了重复加载的问题，所以，还犹豫什么了，当然选择这个来作为我们的应用了，说到这里可能还不知道这个东西是啥，它叫“xloadtree”，是什么我就不再赘述，传说中CSDN的导航菜单也蛮不错的，感觉也是这种效果，是叫“...
文章分类：前端技术 HTML/JS/CSS
tree菜单日历（2）万年历（简单）
功能上都做的比较好，可为何是叫简单呢？先从优缺点上讲： 缺点： 1、没有农历日期 2、没有节日提示 3、没有类似 << 或 >> 的按钮来方便的上一年和下一年 优点： 有优点吗？ 日历的功能做的还成，关于年份的日期，是随5年一次的递增或递减的，也就是默认进来时2010年的日期，次是下拉框里面有2005 --- 2015 这11年的日期，当我们选中2015年的时候，也就是查看2015年的日历，此时年份的下拉框时间变为2010 --- 2020，以此中递增（减）的方式来到万年的。 题外： 当1 --- 31(30、29、28) 的日历，这些数字最少会占用5行，也就是5个<tr>，这截图为： 当然，也有些日期会占用6行的，比如看上图，1号是从星期四开始的，31号就到5行的最后一个表格了，如果要是从星期5、6开始的1号呢，此时就会占用6行的了，这里与上篇日志说的有点冲突了。以上截图为： 详细就不说...
文章分类：前端技术 HTML/JS/CSS
日历（1）随想，JavaScript写一个简单的本月份日历的例子
今天想到一个JavaScript日历的东西，觉得如果要写的话不知道如何下手，这不刚刚 现在想到一个JavaScript日历的例子，先从这里的简单的下手，一个日历想想其实比较简单的，先看看系统的日历图片，图片仔细观察这个图片我得出的一个思路是这样的，不管是几月份，日期都是从 1日开始的，然后每个日期都是往后累加，至于累加到多少停止就看这个月有多少天了，再根据一个月最多有31天，从星期日-----星期六，也就7天，也就是说在用table表现的时候没行显示7表格，31 / 7 = 5 ，多余的4个位置，那就用空格来填充了。说明白点，也就是控制好单元格的开始换行和结束换行，并且从1开始累加数字，并一直到等于本月的天数的时候停止，剩余的就是填充空格了，关键就是用1将日期号累加，可是这个1，是从哪里（第1行的第几个表格，也就是1日的前面有多少空格）开始累加的呢？带着这个疑问，我们以JavaScript...
文章分类：前端技术 HTML/JS/CSS
运营时间： 天
用户数量： 人
文章数量： 篇
评论数量： 条
点赞个数： 个
最后更新：