Web前端开发 - 低调共享者

ASP+ACCESS留言板制作详细教程

做一个简单的ASP+Access留言本，因为要用Access数据库，所以要求要安装好Office Access软件。一、设计数据库留言本有以下信息需要保存：留言者姓名、联系方式、留言内容等等。ASP程序本身并不能储存数据，所以数据库在这种环境之下就产生了。数据库的种类也很多，针对不同的程序也有适用于它的数据库，比如Access和Ms SQL就比较适用ASP和ASP.net程序。 Access和MSSQL都适用ASP，那么该选择哪一个？Access比较适用小型的应用，而MSSQL则适用于大中型的数据库应用，做一个简单的留言本，选择Access就可以...

2014-5-25/ 22345 次浏览/ Web前端开发

响应式HTML5模板制作教程

HTML5目前发展势头良好，已经逐渐得到大部分浏览器不同程度的支持。许多web开发者也已经学习到了不少关于HTML 5的基础知识并开始试图使用HTML 5制作网页。与此同时，目前基于响应式的网页设计理念也得到了广泛的认同，开发者在开发基于HTML 5的网页时，如果能创建响应式的页面，则会增色不少，特别是能适配各类移动终端。在本文中，读者将学习到如何创建一个简单的响应式HTML 5模版。本文的读者需要有一点HTML 5的基础知识。创建良好的HTML 5模版的特征有：新的特性应该只是基于HTML、CSS、DOM和Javscript ...

2014-5-20/ 5135 次浏览/ Web前端开发

jQuery TOOLS库快速实现点击TAB切换效果

下载jquery.tools.min.js库：http://pan.baidu.com/s/1jGp5y8e 引用jquery.tools.min.js： <script type="text/javascript" src="jquery.tools.min.js"></script> JavaScript代码： <script type="text/javascript"> // perform JavaScript after the document is scriptable. $(fun...

2014-5-11/ 4459 次浏览/ Web前端开发

jQuery基础find()方法及children方法的区别

children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 children方法获得的仅仅是元素一下级的子元素，即：immediate children。 find方法获得所有下级元素，即：descendants of these elements in the DOM tree children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。 find方法事实上可以通...

2014-5-7/ 4343 次浏览/ Web前端开发

加入收藏javascript代码

javascript代码： <script language="javascript"> function AddFavorite(sURL, sTitle){ try { window.external.addFavorite(sURL, sTitle); }catch (e){ try { window.sidebar.addPanel(sTitle, sURL, ""); }catch (e){ alert("加入收藏失败，请使用Ctrl+D进行添加"); } } } </script> HTML代码：...

2014-4-28/ 4572 次浏览/ Web前端开发

网站文章历史浏览记录

加上一个文章浏览记录区域，用户在这里找到最近他在这个网站看过的几个文章，通过这个功能可以挽留一下读者，比如: 某人经常通过搜索引擎进来网站，可能发现以前在这里也看过一些文章，比较合他口味，久而久之就能发展成常客。实现原理这个功能实现非常简单，平白一点来说就是找个地方将页面一些信息保存起来，如果页面两次被访问，新的内容覆盖掉旧的内容；在页面加载的时候，将保存的信息取出显示。实现方法也很多，最土的是将内容保存在 cookie 中，但用 cookie 储存数据存在一些问题. 比如: cookie 是随 HTTP 响应一起被发送的, 会对服务器端响...

2014-4-27/ 4589 次浏览/ Web前端开发

文章列表无限分页效果jquery插件

插件下载：http://pan.baidu.com/s/1o6t0v7W 引入jquery.js和插件后，JS代码： $(document).ready(function(){ $('#icontent').infinitescroll({ //#indexpost 是包括所有文章的div元素id navSelector : "#navigation", // 页面分页元素(成功后隐藏) nextSelector : "#navigation a", // 需要点击的下一页链接 itemSelector : "#icontent div.post" ...

2014-4-26/ 5030 次浏览/ Web前端开发

扁平浏览器ui界面设计psd素材

素材下载：http://pan.baidu.com/s/1sjm8Gcl

2014-4-26/ 3985 次浏览/ Web前端开发

常用的CSS框架

Twitter Bootstrap 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。Bootstrap 中文 NEC : 更好的CSS样式解决方案读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库 Nice Easy Javascript NEJ 是由网易前端组工程师们发起创建的简洁，美观，真正的跨平台web前端开发框架；她遵循的原则是自由定制、小巧灵活、简洁易用、愉悦编码、快乐开发。 CSS...

2014-4-18/ 5121 次浏览/ Web前端开发

jQuery实现鼠标悬浮图片遮罩效果

完整代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>资...

2014-4-17/ 4558 次浏览/ Web前端开发

div+css让图片垂直居中方法技巧

在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的显示模式为display:table-cell，这样span内部的内容就相当于表格，可以很方便的使用vertical-align属性来对齐其中的内容了。 <h...

2014-4-17/ 4604 次浏览/ Web前端开发

jQuery随滚动条滑动固定的效果代码及插件汇总

前面有介绍几种随滚动条固定滚动的jquery代码： jQuery判断div随滚动条滚动到一定位置后停止兼容IE6浏览器的jQuery实现边栏随滚动条固定 jQuery实现页面滚动时层智能浮动定位（随滚动条滚动）下面再介绍几种，实现的效果大同小异，只是代码有些差异，可以用来参考学习：效果一： jQuery代码： //侧栏跟随 (function() { var oDiv = document.getElementById("float"); var H = 0, iE...

2014-4-16/ 4951 次浏览/ Web前端开发