56gee-CSDN博客

原创 JS动态添加网址参数,修改网址参数值的自定义功能函数

无论是前端开发还是后台设计，很多时候开发人员都需要获取当前或目标网址的相关信息。这个已有现成的内置对象属性可以直接调用了（下面是获取当前页面的参考代码）—— thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDL

2013-08-02 17:46:20 917

原创笔记本荧光宇宙旋风的蓝色主题海报PS设计分解教程

本实例演示主要给大家分享一下笔记本（NoteBook）海报设计中一些漂亮、实用的PS技巧，其中包括画笔、滤镜中云彩效果、旋转扭曲、添加杂色，以及图层属性中的滤色、正片叠底、柔光等一些常用方法的综合运用——长话短说，下面马上给大家展示一下设计的步骤吧！最终效果图1、新建文档：720*540，并用#000410填充为背景色。2、新建一层，命名为“烟雾”，选用画笔，并设置主直径：250p

2013-05-30 15:04:02 2257

原创金属字母钢管强光反射效果的PS详细制作教程

今天给大家展示的是金属字母钢管强光反射效果的详细制作过程，首先让大家看看最终的效果图——1、新建文档1860*1240，定义背景层“bg”，任选一种颜色进行填充，然后选中图层双击进入“图层样式”——“渐变叠加”，参考图1设置：图12、为了突出强光的反射效果，选用的字体必须足够饱满（线条不能太单薄，但字母的线条之间又要有充足的空间——做到后面自然会明白）。

2013-04-13 17:24:16 3068

原创 CSS+JS实现结构化无限级导航菜单列表(直接调用)

今天跟大家分享一下如何通过HTML的结构化方式实现无限级导航菜单列表的功能！首先让大家看一下两个实例演示——[无限级竖式菜单列表] [无限级横式菜单列表]这里详细分析的并非JS的源码部分（封装好的JS源码是从国外网站摘录下来的），而是前台直接调用的关键部分，主要有三点——1、直接调用的JS函数ddlevelsmenu.setup(导航菜单ID, 列表方式);显然易见，我们要预先

2013-03-11 14:29:05 1549

原创创意Flash拉链式广告效果分享

相信很多朋友在一些门户网站上面碰见过网页右上角出现的拉链式广告效果。当时第一感觉肯定觉得酷毙了！不用羡慕，今天就给大家分享一下该实例的实现原理！拉链式广告效果【查看浏览效果】其实稍有开发flash经验的朋友应该会猜到该实例主要是运用遮罩层，然后结合拉链的分步运动效果来实现了。至于具体的制作过程，有兴趣的朋友可以自己下载来研究一下。【下载】

2013-02-20 09:02:42 768

原创纯CSS+DIV轻松解决对象在任何位置上水平对齐的问题

其实今天咱们要讨论的话题并非是什么先进技术，而是针对前端开发者经常碰见的“老朋友”而提出个人的一些设计心得：对象水平对齐。众所周知，如果想将文本和图片实现水平居中效果，直接用CSS样式 text-align: center 即可实现，但如果要对任一对象（基本可视为DIV对象）采取同一方法，是完全不见效的。之前在“图层对象绝对居中”一文中也提到，用纯CSS来实现的原理就是利用left：50%，t

2013-02-18 09:20:01 436

原创时尚的3D镂空文字效果实例教程

今天刚好在网上看到了时尚的3D文字效果，于是动手模仿设计了一下。下面给大家分享一下俺的劳动成果吧——从效果图可见，这文字的3D效果不仅仅是从阴影和渲染上下了点功夫，连字体上也同样使用了Sullivan三种镂空效果的字体(实例中附有)。下面就简述一下整个制作过程吧！1、首先新建一个1200*500尺寸的文档，然后用#e4cba9填充背景色。2、分别用Sullivan的三种镂空字体在同

2012-11-15 00:12:05 1128

原创 JS+CSS实现矩形对象的圆角效果

“圆角”，对于成功的网页设计师而言，在不同的时候或者领域里，是一个不可取得的重要元素。一般而言，矩形给人一种正规、严肃之感；而圆角却给人带来一种灵活之意。为了表达这种效果，不少网页设计师都会在PS中事先处理好原稿；但对于有经验的前端设计者来说，为了充分利用“圆角”的扩展性，在排版方面不得不花点心思……刚才前段时间在网上看到国外一些优秀的JS集成源码，于是我把一些典型、常用的圆角效果整理了一下。

2012-11-15 00:08:20 1675

原创用JS实现多样化的超链接提示效果

一提到超链接提示效果，大家都很自然联想到HTML中的title属性。没错，这个HTML内置的属性确实管用，但相信很多朋友都觉得这家伙的功能实在太局限了，而且对于一些热衷于UI的设计师来说未免丑陋了一点。我之前在网上看到国外一些JS高手把他们工作中的这个实用功能介绍了一下，并提供了相关实例。于是我把这些资料整理并进行了优化，今天借此机会拿出来给大家分享一下！先看看实例中几个常见且实用的动态提示效

2012-06-28 00:22:27 643

最近由于工作的需要在开发公司内部的OA系统，无意中发现以前的系统或多或少存在一些不太友善的操作，其中一个对每个操作的返回信息——以类似JS中alert的方法弹出系统内置的对话框提示。相信很多朋友现在还会用这种传统的方法。但个人觉得此方法在当今WEB 2.0的潮流中不但给用户在视觉上产生审美疲劳，同时也会增加用户的操作（至少要按一下键盘或者点一下鼠标才能取消话框）。于是本人简单设计了一个更友善的技巧

2012-06-25 23:33:28 1306

原创 Jquery实现无限级树状结构并动态添加增删改等编辑功能

前面简单说了一下Jquery+CSS Sprites实现无限极树状的实例讲解，而里面纯碎只是用一般的DIV+CSS实现视觉上的效果，但真正涉及到树状节点的添加、删除、修改等操作时，整个排版结构要非常讲究。不然要实现树状无限极并动态更改其内部结构时会显得复杂无比。就简单举个例子：比如之前的实例当中，没有下级的子节点是用LI显示的；但细想一下，要是动态给它添加子节点，原来的整个UL结构不就是要改变吗？

2012-06-25 23:31:49 2536

原创不用Margin使用jQuery实现左右滚动效果

相信不少网友们从前也使用过HTML中的Marquee来实现左右滚动的效果，但后来随着WEB标准的规范法，逐步用JS来替代这个传统的做法了。最近工作的需要，在网上参考了一下各路高手的做法，其中用得最多的应该是利用CSS中的position:absolute方法来实现。而本人就在前人的基础上改进优化了一下，使用jQuery+CSS中的margin-left方法，并将定义成果封装好直接调用即可。

2012-06-25 23:29:09 492

原创屏幕蒙层效果、图层对象绝对居中、拖拽图层对象三个功能实例演示剖析

屏幕蒙层效果、图层对象绝对居中、拖拽图层对象，相信很多朋友对此一点都不陌生，因为在平常开发的WEB互动中或多或少会遇到这种体验。结合前人的一些经验和个人的开发心得，对以上三个功能进行了改进和优化，下面对此进行详细的剖析。1、屏幕蒙层效果——顾名思义，这个功能就是要实现在页面上盖上一层蒙版的效果，目的就是要遮住下面的网页内容而突出蒙层上面显示的内容。而要实现蒙层，图层的positio

2012-06-25 23:27:07 2890

原创 jQuery密码强度插件passwordStrength的实例演示

在jQuery诞生之前，JS已经有验证密码强度的实例了；现在有了jQuery，这个验证功能就显得更方便快捷了。首先简单说明一下其原理：其实原理非常的简单，这里赋予密码强度为10个等级（实例中的progressImg1.png是一张包含十个状态的图片），然后通过设置每个状态的CSS样式来直观地显示当前密码的强度。其中，实现此功能的重点和难点就是通过正则进行判断等级（有兴趣的朋友可以慢慢探究，想方便

2012-06-25 23:26:07 1135

gee_56的专栏