前端设计 | 夏日博客

jQuery中文手册

我们经常在网上冲浪时，会看到许多特炫的图片或文字效果，这里面有相当一部分都是jquery技术来做的，那么我们先来了解一下 jquery 技术吧，jquery 是一个非常优秀的 javascript 框架，是轻量级的 js 库。重要的是它兼容各种浏览器，缺点是，随着新版本的升级，可能将不再支持 IE6 等老版本的浏览器，jquery 可以让用户更方便地处理 html 来实现动画效果. 在许多无刷新的技术当中，也使用了 jquery 技术，其...

2014年06月12日前端设计评论 28 条喜欢 0 阅读 0 views 次阅读全文

分享一个非常美观的导航菜单

在网页美工制作中，制作导航是常有的事情，下面分享一个非常美观简洁的一个导航菜单，可以直接应用到网站中，这种导航菜单是常用的，仅利用了css的样式就实现了，源码一看就懂，如果想要改变导航样式，只需要修改 images/ 下的导航图片就可以了，快试试吧。源码效果图：源码文件： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...

2014年06月10日前端设计评论 51 条喜欢 0 阅读 0 views 次阅读全文

精美的网页导航菜单

如此精美的一款网页导航菜单，不敢独享，这是仿以前猪八戒的网页导航，感觉非常大气，纯DIV+CSS实用的哦，代码量很少，如果不喜欢这个颜色的，也很容易更改成其它颜色的导航。很有2.0的元素，适当的修改，用在企业站，或者个人站上非常适合，index.html 是网页效果的预览，img 是相关的导航图片，index.html 里包含了CSS样式的代码，在实际使用时，可单独分开，下面是 index.html 的代码，img 导航图片代...

2014年06月09日前端设计评论 7 条喜欢 0 阅读 0 views 次阅读全文

背景半透明效果CSS链接样式代码

想不想要自己的主页链接很炫呢，背景半透明的链接效果，空链接实现的链接效果，只需要定义一个特效式的CSS样式即可以实现，在需要实现的地方应用定义的CSS样式，也可以全站应用哦，快去试一下吧，这样的效果可以应用在网页的许多地方一、背景半透明效果,代码如下: a.menu_a_2,a.menu_a_2:link,a.menu_a_2:visited { display:block; width:75px; height:35px; float:left; line-height:35px; text-align:ce...

2014年05月07日前端设计评论 3 条喜欢 0 阅读 0 views 次阅读全文

什么是域名和空间，如何选购

也许你会知道，创建一个网站需要域名和空间。但对于域名、空间具体是什么，他们之间有什么联系，以及如何去选择域名和空间。这些并不清楚，下面，我就来各个讲解一下。域名，简单来说就是我们说的网站的网址，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，比如www. xiariboke. com，就是我们常见的域名。“baidu”是这个域名的主体，而最后的标号“com”则是该域名的后缀，代表的这...

2014年01月03日前端设计评论 33 条喜欢 0 阅读 0 views 次阅读全文

php+jquery无刷新添加删除

超给力的 jquery 无刷新添加删除，在php的应用中，添加与删除是常事，比如上传图片，如果一张不够，那么下面可以紧接着添加一个上传按钮、两个上传按钮....等等接着进行上传，而在进行添加同学录时，也可以这样进行无刷新的录入数据，多么给力呀。。如果想要进行测试，可放到支持php的空间,比如支持php的xiariboke.net的空间上，直接预览即可。实际在应用当中，还是以上传图片的实例较多，对于要上传一条...

2013年11月16日前端设计评论 4 条喜欢 2 阅读 0 views 次阅读全文

js折叠菜单插件

利用js制作的折叠菜单有许多，主要应用在后台的左侧导航，点击可以上下进行折叠，前台也有不少折叠样式的菜单，对用户的体验很好，js菜单的制作也很简单，最简单的没几行代码，今天需要一个后台的折叠菜单，因为本人懒得很，所以只能奉行拿来主义了。找了一款各个浏览器都兼容的 js 制作的折叠菜单，还是老外制作的，看起来很舒服，后台可以无限进行复制菜单，菜单整体感觉看起来也没那么重硬，放在后台看...

2013年11月10日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

用css添加手状样式,鼠标移上去变小手

今天在做一网页时，用 td 背景做的图需要加一个链接，那只能在 td 外加 A 标记了，这样一来，将鼠标移到单元格时，虽然链接有效，但却是默认的箭头，不能变成小手。突然忘记小手的英文单词了，只要定义一下CSS样式就可以搞定了，今天再温习一下。实际效果可查看xiariboke.net的文字链接状态。用css 添加手状样式,鼠标移上去变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseov...

2013年11月09日前端设计评论 4 条喜欢 6 阅读 0 views 次阅读全文

分享一个md5加密算法的js文件

研究网站源码的时候，发现一个md5加密算法的js 拿来和大家一起分享。希望能重中学到新的算法思路。研究一套自己的算法。md5是一个用于确保信息传输完整一致，在计算机中广泛使用的杂凑算法，主流的编程语言普遍使用了md5的算法。 md5的作用就是把一个任意长度的字符变换成一定长的十六进制的数字串。常规的加密现在有16位和32位，而md5的加密已经有在线版的了，如果你想加密一个密码的话，可以打开在线加密...

2013年10月23日前端设计评论 11 条喜欢 0 阅读 0 views 次阅读全文

ajax 个性loading加载gif

今天在做 ajax 效果时，要用到 loading 的加载图片，其实之前有推荐过的，今天又收集了一些，觉得很经典，将 php 与 ajax 技术进行整合，可实现的无刷新效果非常棒，今天在用 php 做了一个下载页后，要用到 loading 下载的加载，这样将将一张精美的 loading 图片放上去，就不用等着枯燥了，当然，如果文件很大，需要使用迅雷下载时，就不适用了。 loading 的预览图如下： ajax 个性loading加载 gif 下载

2013年10月13日前端设计评论 12 条喜欢 1 阅读 0 views 次阅读全文

jQuery分页控件

一个非常棒的 jquery 无刷新的分页控件，含有 CSS 样式及 jquery 文件，另有演示文件，可以自定义分页样式的效果，其实默认的样式适合大多数的网站，基本上不用再重新进行修改。重点在于无刷新的进行分页显示，可以读取数据库中的内容，做成新闻网站，效果非常好，其实无刷新的分页技术已经很成熟了，我们可以在网上找到许多适合自己网站的无刷新源码，这类效果通常应用在论坛的分页、留言的分页，当然最...

2013年10月07日前端设计评论 2 条喜欢 0 阅读 0 views 次阅读全文

简单的css 滑门菜单代码

现在做网页不仅要页面美观，而且体验度上面也不能忽视，今天在做网页设计时，有这样一个要求，设计一个案例展示的页面,案例要以城市分类，城市一排显示，点击北京时，则显示北京下面的案例，可能有五个案例，也有可能有十个案例。点击北京是在不刷新的情况下，在下面进行显示，这样就想到了利用CSS滑门的效果，城市分类在后台可以进行控制添加修改的，下面的案例也是后台可以进行控制的，这样就找了一个简...

2013年10月01日前端设计评论 8 条喜欢 0 阅读 0 views 次阅读全文

仿新浪微博图片向下滚动

这是一款仿新浪微博图片向下滚动的效果，这种效果在一些大网站上面已经应用得很广泛了，在QQ空间里我们可以看到他的身影，在百度，阿里巴巴，以及这两年刚流行起来的全球图片社交站上面也能看到它的身影。先说说新浪微博吧，这款算是新浪微博里的经典应用，新浪微博作为现在最重要的信息获取平吧，已经有越来越多的网民加入微博平台去关注国内外事件，以及目前最新最热的事件。我们在查看微博信息时，微...

2013年09月30日前端设计评论 12 条喜欢 0 阅读 0 views 次阅读全文

Stip js 提示组件表单验证提示功能

Stip js提示组件有点类似于 jquery 组件，简单理解就是都是用来美化页面的，jquery 较多的是用在页面窗口的美化上，而下面介绍的 Stip js 提示组件则主要用在页面提示美化上，类似于 ajax 无刷新提示。 Stip 是一个简单的提示组件，利用它可以使表单验证变得更简单一点，以简单，小巧，灵活而被广泛应用，有上下左右的弹出方式，颜色也可以自定义，在进行表单验证时，进行右侧的提示很不错，以前利用 ajax ...

2013年09月29日前端设计评论 15 条喜欢 0 阅读 0 views 次阅读全文

各种网站进度条的图片汇集

网站进度条可以增加网页的体验度，在网站的许多应用中，都在使用着各种各样的进度条图片，比如上传附件或上传图片时，打开超大附件时，在线预览时，都会有进度条的gif图片，除了这些应用外，在其它网页的地方也都在大量应用着进度条，我们在制作企业网站时，如果空间商不给力，网站打开很慢，如果在访客打开网站看时没有任何的提示，而只是一片空白色在等待网站打开，无疑会少许多用户，因为大家都是没有耐...

2013年09月28日前端设计评论 16 条喜欢 0 阅读 0 views 次阅读全文

不错的带时间选择的JS日期控件

JS日期控件常用在博客系统，在发布文章时可以自定义去选择发布日期，当然，不仅仅是应用在博客系统里，在任何发布文章选择日期的地方都有可能使用JS日期控件，所以说JS的日期控件在网页当中应用得还是很广泛的。而要选择一款精美用代码简单的JS日期控件就很重要了，不仅仅是网页整体美观的问题，还有访客的体验度也会大大提高，那么就来看看下面的这款JS日期控件吧，代码不多，且带有详细日期，一般的网站...

2013年09月27日前端设计评论 12 条喜欢 2 阅读 0 views 次阅读全文

一个基于jquery的弹出层

在网页中，弹出层是经常使用的技术，而弹出层的美观程度又往往影响着用户的体验，通常我们都是用JS的弹出框，随着新技术的发展，JS的弹出框往往不能满足页面美观的需求，所以在一些比较前沿的网站上面，我们总能看到 jquery 制作的弹出窗口，给人的感觉自然，舒适。一个基于 jquery 制作的弹出层，可用在后台登陆上面，点击“我要登陆”，即可弹出自己制作的弹出框，样式自定义，当然不仅仅可以用在后台登...

2013年09月26日前端设计评论 7 条喜欢 0 阅读 0 views 次阅读全文

404错误页面模板

当打开一个不存在的页面时，便会出现 404 的提示页，然后引导访客去查看其它页面，404 页面在网站的体验上是不可缺少的，如果网站没有 404 提示页面，那么就会打开一个很难看的错误网页，不仅不能有效引导访客去其它页面查看，反而会令访客厌烦，通常都是直接关掉页面，去看其它网站。但如果我们制作一个 404 的精美页面，在提升访客体验度的同时，也能够很好的引导访客去看网站的其它版面，不至于会造成...

2013年09月25日前端设计评论 22 条喜欢 0 阅读 0 views 次阅读全文

鼠标放上去变幻图片

一个简单的不能再简单的JS图片变换效果，我们指定一个默认的图片，当鼠标放上去变成另外一张图片，利用了JS的感应事件，鼠标放上去和鼠标离开，本来是不想把这个JS贴上来的，可最近经常用到，尤其是做网页导航的时候就更频繁了，简短的一个JS感应事件就可以制作一个非常精美的网页导航，看看这个简单的不能再简单的JS图片变换效果吧。图片的变换效果 <img src="images/01.jpg" name="picture" width="...

2013年09月24日前端设计评论 15 条喜欢 0 阅读 0 views 次阅读全文

div+css实现tab菜单

tab菜单是在web2.0时诞生的一个概念，随着网络信息化的膨胀，一个页面往往需要很大的信息量，这个时候就要把页面拉成好几屏，往往在增加信息的同时，降低了用户体验，而随着 tab 菜单的出现，这种问题已经完全可以避免了，tab 菜单最流行的时候应该是在网易首页，一个位置通过 tab 菜单可以出现四屏甚至五屏屏的信息，而且页面精美，不仅信息量增大了，用户体验上面更是提高不少。在现有网站中，已经很多...

2013年09月23日前端设计评论 14 条喜欢 0 阅读 0 views 次阅读全文