HTML5及CSS3新特性

最近了解了一下关于HTML5及CSS3方面的资料, 在网上找到关于HTML5及CSS3的演示:

中文翻译:点这里
英文原版:点这里

这个Slider十分精美,我把它摘录下来保存,可以将以后学习到的html5和css3内容保存进来。

查看演示请在最新版的Google Chrome浏览器下运行:

Tips:You can change the code before run.

Aug 25

Javascript单行文字滚动

今天在研究Jquery,  发现其还是无比强大,主要是这个社区太强大了,学习文档很丰富、上手很容易,更新速度快。

学习的同时,做了一个单行文字滚动的小例子:

jquery版本:

/**
 * 使用Jquery实现单行无缝滚动
 *
 */
$(function() {
	var container = $('ul#TextTest');
	var n = container.find('li').length;
	var firstElm = container.find('li:first');
	firstElm.clone(true).appendTo(container);
	var delay = 2000;
	var interval;
	container.hover(function() {
		clearInterval(interval);
	}, function() {
		interval = setInterval(function() {
			var h = firstElm.height();
			container.animate( {
				scrollTop : container.attr("scrollTop") + h + 'px'
			}, 600, function() {
					console.log(container.attr("scrollTop"));
				if (container.attr("scrollTop") / h == n) {
					container.attr("scrollTop", 0);
				}
			});
		}, delay);
	}).trigger('mouseleave');
});

查看示例:

Tips:You can change the code before run.

原生的版本:
continue reading »

Aug 15

不常用的javascript属性和方法

通过鼠标事件给文本增加下划线

Tips:You can change the code before run.

IE浏览器下记忆表单内容

Tips:You can change the code before run.

continue reading »

Jul 28

推荐一个可以搜索书法字体的网站

做设计的时候经常会用到书法字体,我没有现成的素材库,一般都是在网上找素材。

真的很为难。今天发现一个可以搜索书法字体的网站。不错。娃哈哈,娃哈哈

http://ziti.cndesign.com/index.asp

Jul 26

以前写的一篇爱情表白诗—我是网址兽

我是网址兽

一只大怪兽
工作于网络

生活于现实
我长得并不丑
而且我还很温柔
但长久以来还未曾有过任何爱的拥有


直到有一天
你出现在我心灵的窗口
你淡淡的微笑
蓦然的回首
都是我生命中
未曾有过的邂逅

我澎湃
我发抖
我心动
我承受
我想靠近
我想牵你的手
为了你
我不怕出丑
为了你
我愿意卖丑
尽管此刻 我双腿发抖
尽管我感觉 我快要脱离地球
但是
我还是选择了勇敢的开口

请你仔细聆听
请你用心感受
聆听我的爱意
感受我的温柔

continue reading »

Jul 26

php获得客户端ip,限制客户端访问

今天网站超过流量限制了,又花了100大洋增加了流量,追其原因是因为,有同志通过我网站下载图片,所以就想了个招限制下ip访问.

原理:访问一次将客户端ip地址记录下来,每次访问判断ip是否被记录,如果被记录过就退出.

   < ?php
  $lines = file("./ip.txt");
  if ($_SERVER["HTTP_X_FORWARDED_FOR"]=="") {
      $user_ip=$_SERVER["REMOTE_ADDR"];
  }
  else
      $user_ip=$_SERVER["HTTP_X_FORWARDED_FOR"];
  for($i=0;$i&lt;count($lines);$i++){
      if(rtrim($lines[$i])==$user_ip){
          header("content-type:text/html;charset=utf-8");
          echo "&lt;h1 color=red&gt;同志,你的ip地址已经防问过了&lt;/h1&gt;&lt;br \&amp; gt;";
          exit;
      }
  }
  $fp=fopen("./ip.txt","a"); //记录ip到文本
  fwrite($fp,$user_ip."\r\n");
  fclose($fp);
  ?>

相关文章:

在PHP 中使用 $_SERVER["REMOTE_ADDR"] 来取得客户端的 IP 地址,但如果客户端是使用代理服务器来访问,那取到的就是代理服务器的 IP 地址,而不是真正的客户端 IP 地址。要想透过代理服务器取得客户端的真实 IP 地址,就要使用 $_SERVER["HTTP_X_FORWARDED_FOR"] 来读取。

continue reading »

Jul 26

Jul 26

windows installer 服务不能更新一个或多个受保护的Windows文件

最近在公司安装office2007,老安装不上,提示说“windows installer 服务不能更新一个或多个受保护的Windows文件”。

在网上搜啊搜,搜了很多解决方案,最后发现一个靠谱的,记录一下:

如果安装的操作系统是美化版或精简版的时候,缺失一些相关文件:

1.C:\program files\common files\microsoft Shared\web server Extensions\40\bin目录下缺少Fp4autl.dll,Fpencode.dll和Fp4awel.dll这三个文件。

2.C:\WINDOWS\msagent缺少相关文件

点击下载下面的文件,拷贝的相应目录即可解决:

补丁包

Jul 26

Javascript数组去重算法效率分析

数组中去除重复元素的算法:

第一种:常用方式。

Array.prototype.unique = function () {
	var r = new Array();
	label:for(var i = 0, n = this.length; i < n; i++) {
		for(var x = 0, y = r.length; x < y; x++) {
			if(r[x] == this[i]) {
				continue label;
			}
		}
		r[r.length] = this[i];
	}
	return r;
}

continue reading »

Jul 25

前端性能优化之背景透明PNG图片优化

很多时候减少图片大小是提高前端下载速度最直接的方法, 随着IE6的慢慢淘汰,网站设计风格的越来越飘逸.
PNG(Portable Network Graphics)作为一种新兴的网络图像格式, 由于对渐变、阴影等背景透明的完美支持,开始替代gif被广泛的应用。
介绍一下一种有效的背景透明png图片压缩方法, 色调分离方法:

在Photoshop中打开图片,点击图层面板中的”创建新的填充或调整图层图标”

continue reading »

Jul 23