Jul122013
Jul122013
js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作。下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的。
首先我们需要知道的两个定义是:
滚动条距离浏览器顶部的高度 = 窗口滚动条高度;
滚动条距离浏览器底部的高度 = 文档(页面)内容实际高度 – 滚动条距离浏览器顶部的高度 –...阅读全文
Jul122013
Uploadify(JQuery上传插件)使用配置详解
Uploadify是一个通过JQuery实现的文件上传插件,带有文件上传进度显示的效果。作者在日常工作中经常用到的文件上传插件就是这个,对这个还算是有一定的了解吧,下面就和大家一起分享一下关于如何使用以及如何配置uploadify。
首先提供一下uploadify的官方下载地址:http://www.uploadify.com/
下面通过一个简单的示例说明其用法(这里不会用到所有的参数):
<html xmlns="http://www...阅读全文
Jul122013
点击文本框后才加载验证码的JS代码
经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的。而是在点击验证码输入框之后才会显示出来验证码的。下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的。
首先我们来说说为什么要这么做吧,据作者看来,这个效果的目的应该不仅仅是为了美观的,更多的应该是进一步防止别有用心之人用机器人发送垃圾留言或者垃圾帖子。...阅读全文
Jul092013
jquery QQ 表情插件分享
最近因项目的要求需要在输入留言的文本框中支持输入QQ表情,这种效果已经很常见了,下面将自己在网上找到的一个使用jquery实现的qq表情插件做一下分享。
首先看一下这个qq表情插件的效果图吧!
下面是具体的实现代码(这里只贴了代码,下面提供有完整的下载包地址):
<html xmlns="http://www.phpernote.com/javascript-function/661.html">
<head>
<meta http-equiv...阅读全文
Jul022013
jquery模拟select下拉框效果
最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框。对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了,而且效果还不错,这里和大家分享一下一个使用jquery模拟的select下拉框的效果。
首先看一下效果图吧!
下面是具体的源码!有兴趣的朋友自己看吧!应用到自己的项目中去还是非常容易...阅读全文
Jun252013
PHP大型网站开发规划方案
使用php开发大型网站的时候是需要对整个项目做好从头到尾的规划方案的,下面是一篇比较大众性的网站开发规划方案,仅供参考。
一、 开发成员
a)项目主管
b)页面美工
c)页面开发
d)服务端程序开发
e)系统与数据管理
f)测试与版本控制
二、 网站组开发简明流程
a)需求说明
b)功能设计及开发说明
c)团队分工说明
三、 开发工具与环境
a) 服务器配置
i. WEB服务器: FreeBSD6.1+Apache2.0+PH...阅读全文
Jun242013
CSS3圆角效果实例
最近看到一个网站使用的圆角效果挺不错的,忙里偷闲今天也研究了一下。下面分享几个使用css3实现的圆角实例。
使用css3实现圆角效果主要是用到了 border-radius 这个属性,这个是css 3.0中新增的一个属性。这里将 border-radius 的兼容性列举如下;
浏览器
支持性
Firefox(2、3+)
√
Google Chrome(1.0.154+…)
√
Google Chrome(2.0.156+…)
√
Safari(3.2.1+ windows)
√
Interne...阅读全文
Jun172013
如何去除codeIgniter开发的网站url里面的index.php字符串
使用codeIgniter(简称CI)做网站的朋友应该都会发现网站的任何url默认都会带个index.php,这个从SEO的角度上来说,对网站的影响是不大的,但是url的美观上来说,这个是非常让人不舒服的,下面我们就来看看如何去除使用codeIgniter开发的网站的url里面的index.php这几个字符吧。
做以下操作之前请确定你网站所运行的环境支持使用 .htaccess 进行url重写,如果可以的话,请继续往下看:
在...阅读全文
Jun162013
如何通过jquery控制用户上传的过宽的图片的显示
web开发过程中经常会碰到内容区被客户上传的图片撑破的情况,高度还好说,主要是宽度了,如果直接将相机拍下的图片不经过任何处理直接传到网站上,也不规定图片宽度的情况下,网站的内容区域必然变形走样,下面我们就来看看如何在前台用jquery批量处理这些过宽的图片。
现在假设内容区div的 id=”phpernote”,即:
<div id="phpernote"><?php echo $news['content']...阅读全文