01 2013 档案

input&textarea表单提示文字
摘要：现在的网页设计上经常会涉及到表单的可以用性的设计，那表单的提示文字功能就很必要了，这样大大的提升了用户体验的满意度。我利用到了现在比较流行的JQ框架来实现此功能。首先是导入JQ文件：<script type="text/javascript" src="js/jquery.min1.js"></script>新创建一个js文件，命名为input_default.js，并在导入此文件：<script type="text/javascript" src="js/input_default.js&q 阅读全文
posted @ 2013-01-30 11:59 rabbit2012 阅读(8459) 评论(4) 推荐(0)
PHP实现缩略图的生成
摘要：对于网站前端上传的图片，在后台处理时有必要对其进行缩放以生成大小统一的缩略图。在PHP中，可以很方便的使用GD库来完成这一任务。下面的CImage类的静态方法CreateThumbnail()函数可以接受原图像文件名称，缩略图宽高，生成的缩略图文件名称等参数来生成保持原图纵横比的缩略图。函数基本上体现了PHP生成缩略图的方法，功能上还可以作进一步的扩充，如根据缩略图文件名称来生成指定格式的缩略图。完整代码如下（Win7+XAMPP2.5及Linuxdev 2.6.18-128+apache测试通过）： 1 //by MoreWindows (http://blog.csdn.net/MoreW 阅读全文
posted @ 2013-01-21 12:28 rabbit2012 阅读(5464) 评论(0) 推荐(0)
JQ事件动画
摘要：最近在学习JQ动画，收集一些JQ动画的一些基础知识跟大家分享下！加载DOM执行$(document).ready(function(){})简写：$(function(){})4.1.2 事件绑定在文档加载完成后，为元素绑定事件bind(type[,data],fn)type: 事件类型： 包括blur,focus,click等第2个可选参数 作为event.data属性传递给事件对象的额外数据对象egfunction handler(event) { alert(event.data.foo);}$("p").bind("click", {foo: & 阅读全文
posted @ 2013-01-16 11:21 rabbit2012 阅读(3808) 评论(0) 推荐(0)
网页选项卡的应用
摘要：在页面中，设置三个不同名称的选项卡，当点击选显卡的时候，下面对应的区域显示器内容信息，同时选项卡的背景色与内容信息的背景色浑然一体，并且字体加粗，表示处于选中状态。以下为实现代码：<!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">< 阅读全文
posted @ 2013-01-15 15:17 rabbit2012 阅读(604) 评论(0) 推荐(0)
php新闻模块内容的截取
摘要：通常我们网站上的新闻信息是存储在数据库中的，这样我们需要用php来获取到数据库里面的新闻信息，再加以展示，下面用我们公司的新闻模块来说说其中的应用到的方法，此新闻模块有首先是一个新闻列表，其中展示出新闻的标题（title），发表时间（time），还有截取固定长度的新闻信息一坐新闻列表展示的内容，具体该如何实现呢。首先是查询数据库啦，将需要的数据都查询出来：$result = mysql_query('select * from our_news where news_type in(1,3,4,5,6,7,8)');然后用while方法把查询出来的额数据循环echo出来。代码如 阅读全文
posted @ 2013-01-11 14:22 rabbit2012 阅读(1779) 评论(0) 推荐(0)
li标签用到hover，在ie浏览器不兼容
摘要：最近弄网站的新闻模块，新闻的列表用到了ul列表。为每个li添加了background，然后添加hover事件：background改变。代码如下：HTML code<li> <a href="news_show<? echo $row['id'];?>.html" class="news_tit"><?php echo $row['news_title']; ?></a> <span><?php echo $row['news_time& 阅读全文
posted @ 2013-01-11 12:08 rabbit2012 阅读(8436) 评论(0) 推荐(0)
js数字时钟
摘要：在网页中加入数字时钟既可以增加页面的活力，又可以方便浏览者。下面将通过一个具体实例介绍如何实现数字时钟，如图所示：制作本实例的基本思路如下：首先需要在页面中添加7个images，主要用于显示两位数的时分秒以及am（上午）和pm（下午），然后在javascript所定义的函数中利用Date对象获得当前时function clock(){ date=new Date(); hour=date.getHours(); minu=date.getMinutes(); sec=date.getSeconds(); if(sec<10) {sec="0"+se... 阅读全文
posted @ 2013-01-03 10:28 rabbit2012 阅读(3441) 评论(1) 推荐(0)
js显示最后修改时间
摘要：本实例将实现显示网页文件最后的修改时间。首先在页面添加了一个文本框控件，然后使用javascript创建了一个函数，在函数中调用document对象的lastModified属性，然后在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间。实现过程：1.编写自定义函数，代码如下：<script language="javascript"> function alterdate() { document.form1.textfield.value = document.lastModified; } </script>2.添加页 阅读全文
posted @ 2013-01-02 14:20 rabbit2012 阅读(1644) 评论(3) 推荐(1)