中山php|最优网络中山做网站 中山php建站

最优良人

2012/02/03 at 11:02

IE下利用meta标签实现页面过渡效果

Fade(淡入淡出)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
Properties: duration, overlap (default=1.0)

GradientWipe(渐变扫除)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)">
Properties: duration, gradientSize (default=0.25), motion

Inset(从一角扩散)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)">
Properties: duration

Iris(十字扩散)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)">
Properties: duration, irisStyle (default="PLUS"), motion

Pixelate(震动出来cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)">
Properties: duration, maxSquare (default=25)

RadialWipe(螺旋扩展)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)">
Properties: duration, wipeStyle (default="CLOCK")

RandomBars(线条遮罩)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)">
Properties: duration, orientation (default="horizontal")

RandomDissolve(像素遮罩cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
Properties: duration

Slide(拉幕)

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)">
Properties: bands (default=1), duration, slideStyle (default="SLIDE")

Spiral(向心旋转cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)">
Properties: duration, gridSizeX (default=16), gridSizeY (default=16)

Stretch(两边开幕效果)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)">
Properties: duration, stretchStyle (default="SPIN")

Strips(一角锯齿开幕)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)">
Properties: duration, motion

Wheel(十字旋转开幕)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)">
Properties: duration, spokes (default=4)

ZigZag(Z字形展开)

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">
Properties: duration, gridSizeX, gridSizeY

注意:火狐到现在还不支持滤镜效果,所以以上效果仅作用于 IE,如果 Firefox 要实现页面间切换的过渡效果应该要加个 JS,这不在本文讨论范围。

标签:
comments Comments (356)    -
2012/02/01 at 17:38

smarty模版函数含多参数的使用规则

 

模板中调用变量时,当只有一个参数是,就直接{$str1|函数名},当有函数有两个参数时,{第一个参数|函数名:第二个参数},当有三个参数时,{第一个参数|函数名:第二个参数:第三个参数},,当有4,5,,,参数时,以此类推。

smarty在模板上可以直接使用php自带的函数,甚至可以使用自定义的函数。

smarty使用date函数的用法是{{'Y-m-d'|date:$var}}

 

标签:
comments Comments (359)    -
2011/12/26 at 13:52

纯css实现下拉菜单,兼容ie6

以下代码在ie6以上版本以及其他标准浏览器下,都可以实现纯css的下拉菜单效果,原理是通过li:hover控制菜单的显示隐藏。

<ul id="nav">
<li><a href="#">这是显示的标题1</a>
<ul>
<li><a href="#">这是列表中的内容1</a></li>
<li><a href="#">这是列表中的内容2</a></li>
<li><a href="#">这是列表中的内容3</a></li>
<li><a href="#">这是列表中的内容4</a></li>
</ul>
</li>
<li><a href="#">这是显示的标题2</a>
<ul>
<li><a href="#">这是列表中的内容5</a></li>
<li><a href="#">这是列表中的内容6</a></li>
<li><a href="#">这是列表中的内容7</a></li>
<li><a href="#">这是列表中的内容8</a></li>
</ul>
</li>
</ul>

CSS样式代码

#nav, #nav ul{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav li{ /* all list items */
float: left;
width: 10em;
}
#nav li ul{ /* second-level lists */
position: absolute;
background: orange;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers 这里用left:-999em的也行,用display:none的也行,看您喜欢用啥 */
}

*+ html #nav li ul{margin: 16px 0 0 -95px;} /* 二级菜单显示位置调整IE7 */
*html #nav li ul{margin: 16px 0 0 -95px;} /* 二级菜单显示位置调整 IE6 */
#nav li:hover ul, #nav li.sfhover ul{
left: auto;/* 如果上面用left的了,那么这就不用改,最多改个数,如果用display:none了,那么这里改成display:block*/
}

由于ie6不支持li:hover ,所以#nav li:hover ul,失效,必须使用js控制样式sfhover,需要在头部添加以下js代码:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover =function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]>
</script>

 

标签:,
comments Comments (449)    -
2011/12/22 at 11:39

php file_get_contents函数分段读取大记事本或其它文本文件

当我们遇到文本文件体积很大时,比如超过几十M甚至几百M几G的大文件,用记事本或者其它编辑器打开往往不能成功,因为他们都需要把文件内容全部放到内存里面,这时就会发生内存溢出而打开错误,遇到这种情况我们可以使用PHP的文件读取函数file_get_contents()进行分段读取。

函数说明

string file_get_contents ( string $filename [, bool $use_include_path [, resource $context [, int $offset [, int $maxlen ]]]] )

file() 一样,只除了 file_get_contents() 把文件读入一个字符串。将在参数 offset 所指定的位置开始读取长度为 maxlen 的内容。如果失败,file_get_contents() 将返回 FALSE

file_get_contents() 函数是用来将文件的内容读入到一个字符串中的首选方法。如果操作系统支持还会使用内存映射技术来增强性能。

应用:

$str = $content=file_get_contents("2.sql",FALSE,NULL,1024*1024,1024);
echo $str;

如果针对较小文件只是希望分段读取并以此读完可以使用fread()函数

$fp=fopen('2.sql','r');
while (!feof($fp)){
$str.=fread($fp, filesize ($filename)/10);//每次读出文件10分之1
//进行处理
}

echo $str;

标签:, ,
comments Comments (263)    -
2011/12/16 at 10:20

让wamp安装包中的PHPMyadmin在外网也可以访问

修改一下phpmyadmin让外部也可以访问,打开路径:X:\wamp\Apache2\conf\alias\ 其中X为您安装WAMP软件的磁盘路径,
编辑phpmyadmin.conf 配置文件,找到

Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order Deny,Allow
Deny from all
Allow from 127.0.0.1

修改为

Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order Allow,Deny
Allow from all

完成修改后,保存退出,重新启动WAMP,或直接在软件单击左键>>>选择重新启动所有服务

重新启动服务后,局域网内的机器在浏览器地址栏输入安装有WAMP软件的机器的IP 地址就可以访问了

comments Comments (265)    -
2011/11/18 at 10:05

设为首页,加入收藏js代码(兼容ie火狐chrome主流浏览器)

使用时直接调用函数,不需设定网站标题等

<span onclick ='addFav()'> 收藏本站 </span>

<span onclick ='setHomepage()'> 设为首页 </span>

<script type='text/javascript'>
function addFav(){ // 加入收藏夹
if (document.all) {
window.external.addFavorite(window.location.href, document.title);
} else if (window.sidebar) {
window.sidebar.addPanel(document.title, window.location.href, "");
}
}

function setHomepage(){ // 设置首页
if (document.all) {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
} else if (window.sidebar) {
if(window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
}
catch (e) {
alert('此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为’true’,双击即可。');
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', window.location.href);
}
}
}

</script>

if (window.sidebar)是判断FF的一种方法,就像判断IE用if (document.all)一样

标签:
comments Comments (224)    -
2011/10/27 at 17:19

fck编辑的时候不要自动加p标签

使用FCKeditor编辑器的时候,点开里面就会自动添加上<P></P>的标签,按回车也会自动添加上相同的标签,如何不让FCKEditor自动添加P标签?
修改/include/FCKeditor/fckconfig.js

找到
FCKConfig.EnterMode
= 'p' ; // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

替换成
FCKConfig.EnterMode
= 'br' ; // p | div | br
FCKConfig.ShiftEnterMode = 'p' ; // p | div | br

其实就是将ShiftEnterMode与EnterMode的值换一下
标签:
comments Comments (210)    -
2011/10/26 at 09:08

通用的设为首页,添加收藏代码(无需改网址,标题)

<a href='#' onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage(window.location.href);">设为首页</a>
<a href="javascript:window.external.addFavorite(window.location.href,document.title);">加入收藏</a>

comments Comments (6)    -
2011/10/21 at 10:22

ie打不开淘宝,但可以打开其他网站的解决方法

最近同事的电脑出现一个问题,就是ie打不开淘宝,但可以打开其他网站,我检查后发现应该是网络DNS设置错误,把它设为202.96.128.166/202.96.128.134.133之后问题解决

comments Comments (4)    -
2011/10/17 at 14:26

JS判断浏览器是ie6,ie7,ie8还是火狐

function myBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判断是否IE浏览器
var isFF = userAgent.indexOf("Firefox") > -1 ; //判断是否Firefox浏览器
var isSafari = userAgent.indexOf("Safari") > -1 ; //判断是否Safari浏览器

if(isIE){
   var IE5 = IE55 = IE6 = IE7 = IE8 = false;
   var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
   reIE.test(userAgent);
   var fIEVersion = parseFloat(RegExp["$1"]);

   IE55 = fIEVersion == 5.5 ;
   IE6 = fIEVersion == 6.0 ;
   IE7 = fIEVersion == 7.0 ;
   IE8 = fIEVersion == 8.0 ;

   if(IE55){ return "IE55"; }
   if(IE6){ return "IE6"; }
   if(IE7){ return "IE7"; }
   if(IE8){ return "IE8"; }
}//isIE end

if(isFF){ return "FF"; }
if(isOpera){ return "Opera"; }

}//myBrowser() end

//以下是调用上面的函数

if(myBrowser()=="FF"){alert("我是 Firefox");}
if(myBrowser()=="Opera"){alert("我是 Opera");}
if(myBrowser()=="Safari"){alert("我是 Safari");}

if(myBrowser()=="IE55"){alert("我是 IE5.5");}
if(myBrowser()=="IE6"){alert("我是 IE6");}
if(myBrowser()=="IE7"){alert("我是 IE7");}
if(myBrowser()=="IE8"){alert("我是 IE8");}

 

标签:
comments Comments (212)    -