WordPress 向来自其他域的访客致欢迎词并随着屏幕滚动
已经是零点五十一分了依然沉侵在WP中,为此特开WP专栏,记录我与WP的点点滴滴。
无意中访问到V5万戈网站http://wange.im里面有那么多好东西,恨不能全部拿走,今晚只是实现了一个小小的功能,已经很高兴了,继续加油:简单的生活,简单的梦想。
+++++++++++++++++++++++++++++++++++++++++
WordPress 向来自其他域的访客致欢迎词并随着屏幕滚动
+++++++++++++++++++++++++++++++++++++++++
第一部分:
1、把以下代码复制到 WordPress 主题的 functions.php 中:
$refer_info=$_SERVER['HTTP_REFERER'];
$ban_list=array($_SERVER["HTTP_HOST"]);
for($ii=0;$ii<count($ban_list);$ii++){
if(strpos($refer_info,$ban_list[$ii])){
return;
}
}
if($refer_info){
preg_match("/^(http:\/\/)?([^\/]+)/i",
$refer_info, $matches);
$host = $matches[2];
echo "<div id=\"hellobaby\">欢迎来自 ".$host." 的朋友!<br />推荐您 <b><a href=\"http://feed.wange.im\" target=\"_blank\">点击这里</a></b> 订阅我的博客 o(∩_∩)o<div class=\"closebox\"><a href=\"javascript:void(0)\" onclick=\"$('#hellobaby').slideUp('slow');$('.closebox').css('display','none');\" title=\"关闭\">×</a></div></div>";
}
}
2、在主题文件的任何部位调用以下函数,我建议是放在 footer.php 中:
3、接下来样式部分仅供参考:
background:#000000;
border:1px solid #B3B3B3;
color:#FFFFFF;
font-size:14px;
opacity:0.7;
filter:alpha(opacity=70);
padding:10px;
position:absolute;
right:0;
top:250px;
}
1、HTML 部分
推荐您 <a href="http://feed.wange.im" target="_blank">点击这里</a> 订阅我的博客 o(∩_∩)o
<div class="closebox">
<a href="javascript:void(0)" onclick="$('#hellobaby').slideUp('slow');$('.closebox').css('display','none');" title="关闭">×</a>
</div>
</div>
2、载入 jQuery
亲测,jQuery 1.2X 的版本就足够用了。
3、执行的脚本
$(window).scroll(function() {
var bodyTop = 0;
if (typeof window.pageYOffset != 'undefined') {
bodyTop = window.pageYOffset
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
bodyTop = document.documentElement.scrollTop
} else if (typeof document.body != 'undefined') {
bodyTop = document.body.scrollTop
}
$("#hellobaby").css("top", 250 + bodyTop)
});
});
4、CSS 部分
background:#000;
color:#fff;
border:1px solid #B3B3B3;
font-size:14px;
right:0;
position:absolute;
top:250px;
opacity:.7;
filter:alpha(opacity=70);
padding:10px;
}
#hellobaby a {
color:orange;
text-decoration:none;
}
.closebox {
position:absolute;
right:5px;
top:0;
}
原文转自:
http://wange.im/wordpress-say-hello-to-vistors.html
http://wange.im/scroll-with-jquery.html
==============================
根据我的心得呢?
要实现欢迎很简单,实现滚动也简单
1、准备好JQ库,我已经放在我空间里面了,大家可以下载下来放在您自己的空间,具体路径
http://malongyuan.com/wp-content/themes/a-supercms-for-free/js/jquery-1.2.pack.js(当然是从万戈里面考皮的嘿嘿)
2、然后在header.php里面加载JQ库
简单的说就是将如下代码加入header.php里面
<script type="text/javascript" src="http://malongyuan.com/wp-content/themes/a-supercms-for-free/js/jquery-1.2.pack.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$(window).scroll(function() {
var bodyTop = 0;
if (typeof window.pageYOffset != 'undefined') {
bodyTop = window.pageYOffset
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
bodyTop = document.documentElement.scrollTop
} else if (typeof document.body != 'undefined') {
bodyTop = document.body.scrollTop
}
$("#hellobaby").css("top", 250 + bodyTop)
});
});
</script>
搞定之后就基本没有什么问题了呵呵
++++++++++++++++++++++++++++
如有不足之处欢迎大家指出,也欢迎大家分享!快乐就是如此简单!!!明天上班打瞌睡咯~~保佑不被领导看到~~
你杯具了。。feed链接还是万哥的。。。
不清楚你的意思,我的feed是我自己的把
需要检查