当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。
实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部。
要点一:document.documentElement.clientWidth || document.body.clientWidth; 获得可视区的宽度。后面是兼容chrome,前面是兼容其它浏览器。
要点二:oTop.style.left = screenw – oTop.offsetWidth +”px”; 当页面加载时,让元素的位置位于页面最右边,用可视区的宽度减去元素本身的宽度。
要点三:oTop.style.top = screenh – oTop.offsetHeight + scrolltop +”px”; 当页面滚动时,元素的Y坐标位置等于可视区的高度减去元素本身的高度,加上滚动距离。
要点四:document.documentElement.scrollTop = document.body.scrollTop =0; 当点击元素时,让页面的滚动距离为0.写两个是为了兼容。
<script>
window.onload = function(){
var oTop = document.getElementById("to_top");
var screenw = document.documentElement.clientWidth || document.body.clientWidth;
var screenh = document.documentElement.clientHeight || document.body.clientHeight;
oTop.style.left = screenw - oTop.offsetWidth +"px";
oTop.style.top = screenh - oTop.offsetHeight + "px";
window.onscroll = function(){
var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
oTop.style.top = screenh - oTop.offsetHeight + scrolltop +"px";
}
oTop.onclick = function(){
document.documentElement.scrollTop = document.body.scrollTop =0;
}
}
</script>
阅读全文
jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:
$("#61dh a").css('color','#123456');
//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。
//.css(‘color’,'#123456');表示把颜色设为'#123456'
$("#61dh a").addClass('className');//添加样式,样式名为className
$("#61dh a").removeClass('className');//删除样式,样式名为className
$("#61dh a").css('display','none');//隐藏,等同于hide()方法
$("#61dh a").hide();//隐藏
$("#61dh a").css('display','block');//显示,等同于show()方法
$("#61dh a").show();//显示
如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给css()方法。示例如下:
ar divcss = {
background: '#EEE',
width: '478px',
margin: '10px 0 0',
padding: '5px 10px',
border: '1px solid #CCC'
};
$("#result").css(divcss);
//这里我们先定义了一个CSS样式属性变量‘divcss’,这类似于建立一个外部CSS文件。
//然后通过jQuery提供的css()方法,把属性赋给ID为'#result'的DIV。
另外jQuery提供的css()方法还可以用来查看某个元素的css属性值。例如,我们想查看链接的颜色,可以使用下面的代码:
$("#61dh a").css("color")
//和第一个例子相似,但是这里我们只传递一个参数(样式属性)
最后要介绍的是如何设置鼠标划过后的链接样式(比如: 颜色)。我们无法使用选择器直接选择鼠标划过状态下的链接,也就是说$("a:hover")是不成立的。因此我们需要用到jQuery提供的事件类方法 – hover()。值得注意的是,hover()方法需要定义两个函数,一个是鼠标划过时;另一个是鼠标划过后。具体方法如下:
$("#61dh a").css('color','#123456');
$("#61dh a").hover(function(){
$(this).css('color','#999');
},
function(){
$(this).css('color','#123456');
});
//hover()方法的两个函数使用用逗号分隔
你或许注意到这种方法一点都不简洁(违背了jQuery的宗旨),其实jQuery提供的hover()方法不是用来改变CSS样式的。在实际运用中,建议使用添加/移出CSS的方法来改变鼠标划过的链接样式。
阅读全文
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。 $(‘p’).click(function(){ alert(‘click function is running !’); }); (2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用。 $(‘p’).dbclick(function(){ alert(‘dbclick function is running !’); }); (3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发。 $(‘p’).mousedown(function(){ alert(‘mousedown function is running !’); }); (4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发。 $(‘p’).mouseup(function(){ alert(‘mouseup function is running !’); }).click(function(){ alert(‘click function is running too !’); }); (5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性。 (6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。 (5)和(6)这两个事件一般不常用,很难实现与用户的交互,也就是说不易捕获用户事件。 (7):mouseenter事件:mouseenter事件是在用户光标进入元素上时触发。 $(‘p’).mouseenter(function(){ alert(‘mouseenter function is running !’); }); (8):mouseleaver事件:mouseleaver事件是在用户的光标离开元素时触发。 $(‘p’).mouseleaver(function(){ alert(‘mouseleaver function is running !’); }); (7)和(8)这两个事件一般连起来使用,在jQuery中可以使用hover这个函数来代替这两个函数。 $(‘p’).hover(function(){ alert(‘mouseenter function is running !’); },function(){ alert(‘mouseleaver function is running !’); });
阅读全文
编辑根目录下的 wp-config.php 文件,添加以下代码:
$home = ‘http://’.$_SERVER[‘HTTP_HOST’];
$siteurl = ‘http://’.$_SERVER[‘HTTP_HOST’];
define(‘WP_HOME’, $home);
define(‘WP_SITEURL’, $siteurl);
我们知道,PHP 中的 $_SERVER[‘HTTP_HOST’] 用于获得来路域名。这样,就能根据来路为 WP_HOME 和 WP_SITEURL 变量赋值,实现 WordPress 多域名绑定。
为防止域名改变而造成图片不可用,必须在控制面板的“设置 (Options) – 杂项 (Misc)”里将“文件的完整 URL 地址”设为 “wp-content/uploads”(与“默认上传路径”参数相同)。(在4.4.找不到这个选项了,看来要用其他方法了)
懒一点直接装PS WP Multi Domain这个插件,自动修改配置文件
附件地址那个干脆直接过滤算了
function xh_http_filter( $content ) {
$content = preg_replace(‘/blog.imxh.com/is’,$_SERVER[‘SERVER_NAME’],$content);
return $content;
}
add_filter( ‘the_content’, ‘xh_http_filter’ );
阅读全文
好久没管那个站了,发现被加了N多了留言,好像有几万页,数据库竟然有400多M
然后我进数据库把留言表清空了
但是,马上又有新留言,貌似几十秒就有一条
于是我想到了加验证码
搜了一下,原来帝国本身就有验证码
先要到系统设置里面开启
然后在留言模版那里加个input
<tr bgcolor="#FFFFFF"> <td>验证码:</td> <td height="23"><input name="key" type="text" class="inputText" size="10"> <img src="/e/ShowKey/?v=gbook" onClick="this.src= this.src +"&xx="+Math.random()" alt="看不清楚,点击刷新"></td> </tr>
然后我看了一下版本,发现这个站的版本还是老版的7.0GBK
于是我花了点时间备份再升级
阅读全文
去站长站PING了一下,出现了一个莫名其妙的美国IP
然后我搜索了一下~才知道原来是坑爹的DNSPOD的问题
然后网上有解决方案~那就是注册DNSPOD的英文站
有点后悔把zoneedit的帐号删除了
现在只好先试一下DNSPOD的英文站dnspod.com
貌似还是不行,最后又用回zoneedit,真是折腾的命
阅读全文
我到站长之家PING了一下,发现只有广西和上海是没办法正常访问的
其他地方都正常,然后我再访问zoneedit.com发现竟然访问不了
感觉GFW对zoneedit.com动手了~想来想去还是换成国内的dnspod吧
然后我到godaddy去换DNS,发现它竟然跳转到新加坡的分站
还显示不全~貌似缺少了一些JS和CSS~
没办法,强制跳转到英文版本
进去勉强修改了~然后~又变成无法访问了~
伟大的墙真厉害~好像流量限制一样~一超流量就不给访问,过一段时间再恢复~
过了一段时间zoneedit又可以访问了,赶紧把里面的记录复制到dnspod,然后我发现原来的MX记录竟然是第三方的,我记得我使用的域名邮箱是google的
现在只好重新修改MX记录,但是我不知道google的mx是多少
于是乎迫不得已翻墙了
最后我想设置一些跳转,dnspod说要30天以后才能设置~
SO~只能等30天了
阅读全文
以前有一段时间是同步到QQ空间的~但是后来暂停了,具体啥时候停都不知道
今天想开启那个插件的时候,发现作者说腾讯已经关闭邮件发博客的功能
所以很遗憾地不能用那么同步到QQ空间的功能了~
然后想想只能同步到新浪微博了
找了一下插件,有个貌似不错,现在测试一下看看行不行
阅读全文
这个时候可以SQL替换一下
update wp_posts set post_content = replace(post_content,’temp.yaoxue8.com’,’www.xxx.com’) where post_content like ‘%temp.yaoxue8.com%’;
阅读全文
有时候觉得好麻烦
而且还要进去一趟设置模版,更加麻烦
于是我想到了直接执行SQL语句
UPDATE `phome_enewsclass` SET `dtlisttempid`= ‘1’,`newstempid` = ‘1’,`listtempid` = ‘1’,`islast` = ‘1’ WHERE `classid` =2;
或者限定classid大于或小于多少,这样就批量弄了
tempid就是栏目的模版ID,可以根据自己的模版设置
有3个模版,一个是动态页,一个是内容页一个是栏目页
最好留一个栏目不要转换,因为后台要更新缓存
缓存在\e\data\fc\ListClass1.php那几个PHP文件里
有一个栏目直接转的话就自动更新那个文件了
阅读全文
第 34 页,共 103 页« 最新«...1020...3233343536...405060...»最旧 »