| 广告位 后台主题配置管理 |
| 广告位 后台主题配置管理 |
| 广告位 后台主题配置管理 |
| 广告位 后台主题配置管理 |
今天给各位分享zblog网页特效的知识，其中也会对zblog插件开发进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
直接查看源码，里面有用到的js文件，下载过来就行了.
script type="text/javascript" src="a href=''_common/js/mootools.js/a"/script
script type="text/javascript" src="a href=''imageMenu.js/a"/script
这个人在搜狐博客比较出名，经常贴一些博客特效技巧，希望对你有帮助。
常用博客网页特效代码
2005年 01月10日
博客介绍特效、状态栏特效、收藏夹特效、首页特效、如何加入背景音乐、加入百度、google搜索栏............
常用特效全包括。
说明：把下面的特效代码粘贴到博客介绍栏既可。但状态栏特效同时只能用一种。
特效一 博客介绍栏文字滚动
可是设置为向上、向下、向左、向右。可以设置高度，滚动速度。
MARQUEE scrollAmount=1 direction=up
height=120你的文字介绍/MARQUEE
特效二 状态栏滚动文字介绍
自左向右，循环滚动。
script
!--
function Helpor_net(seed)
{ var m1 = "你要显示的文字，如：欢迎来到晓寒工作室" ;
var m2 = "" ;
var msg=m1+m2;
var out = " ";
var c = 1;
var speed = 120;
if (seed 100)
{ seed-=2;
var cmd="Helpor_net(" + seed + ")";
timerTwo=window.setTimeout(cmd,speed);}
else if (seed = 100 seed 0)
{ for (c=0 ; c seed ; c++)
{ out+=" ";}
out+=msg; seed-=2;
var cmd="Helpor_net(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed); }
else if (seed = 0)
{ if (-seed msg.length)
{
out+=msg.substring(-seed,msg.length);
seed-=2;
var cmd="Helpor_net(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed);}
else { window.status=" ";
timerTwo=window.setTimeout("Helpor_net(100)",speed);
}
}
}
Helpor_net(100);
--
/script
特效三 状态栏文字打字机效果特效
script language="JavaScript"
var msg = "你要显示的文字，如：欢迎来到晓寒工作室，请多提意见。谢谢! " ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq = len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
/script
特效四 点击即可把你的网站添加到浏览器的收藏菜单下
span style="CURSOR: hand"
onClick="window.external.addFavorite('你的域名','你的网站名')"
title="你的网站名"收藏本站/span
特效五 点击即可把你的网站设置为浏览器的起始页
span onclick="var
strhref="/blog/window.location.href";this.style.behavior='url(#default#homepage)';this.setHomePage('你的域名');"
style="CURSOR: hand"设为首页/span
特效六 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！
script language="JavaScript"
!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "你要显示的文字，如：欢迎来到晓寒工作室 "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos = 0)
scroll.out += scroll.msg
else scroll.out =
scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; iposition; i++)
{out += msg.charAt(i)}
for (i=1;ijumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces = 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// --
/script
特效七 鼠标一碰就弹出 设为首页 对话框
a href="#"
onmouseover="this.style.behavior='url(#default#homepage)';this.setHomePage('你的域名');return(false);"
style="behavior: url(#default#homepage)"设为主页/a/td
特效八 鼠标一碰就弹出收藏本站对话框
a href="#"
onmouseover="javascript:window.external.AddFavorite('你的域名',
'你的网站名')" target="_self"收藏本站/a
特效九 加入背景音乐
EMBED src="完整的音乐地址" autostart="true" loop="5" width="0"
height="0"
特效十 google搜索栏
!-- Search Google --
center
FORM method=GET action=""
TABLE bgcolor="#FFFFFF"trtd
A HREF=""
IMG SRC=""
border="0" ALT="Google" align="absmiddle"/A
INPUT TYPE=text name=q size=23maxlength=255 value=""
INPUT TYPE=hidden name=hl value=zh-CN
INPUT TYPE=hidden name=ie value=GB2312
INPUT TYPE=submit name=btnG value="Google搜索"
/td/tr/TABLE
/FORM
/center
!-- Search Google --
特效十一 百度搜索栏
iframe id="baiduframe" border="0" vspace="0" hspace="0"
marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no"
width="200" height="30"
src=";cv=1cid=31577csid=102rkcs=2bgcr=EDEDEBftcr=FF0000rk=1bd=1bdas=0"
/iframe
特效十二 显示ip及地址
SCRIPT src=''/SCRIPT
参考资料：未完，不过差不多了，举一反三。
你可以加这段js代码:!--[346,1,680] published at 2006-12-26 13:38:23 from #237 by 814--
/**---------------------------------------------------------------------------
* browser determine;
*/
{
var ua = navigator.userAgent;
var $IE = (navigator.appName == "Microsoft Internet Explorer");
var $IE5 = $IE (ua.indexOf('MSIE 5') != -1);
var $IE5_0 = $IE (ua.indexOf('MSIE 5.0') != -1);
var $Gecko = ua.indexOf('Gecko') != -1;
var $Safari = ua.indexOf('Safari') != -1;
var $Opera = ua.indexOf('Opera') != -1;
var $Mac = ua.indexOf('Mac') != -1;
var $NS7 = ua.indexOf('Netscape/7') != -1;
var $NS71 = ua.indexOf('Netscape/7.1') != -1;
if ($Opera) {
$IE = true;
$Gecko = false;
$Safari = false;
}
if ($IE5) {
$IE = true;
$Gecko = false;
$Safari = false;
}
}
function $_t(root,tag,id){
var ar=root.getElementsByTagName(tag);
for (var i=0;iar.length;i++){
if (ar[i].id==id) return ar[i];
}
return null;
}
function _(root){
var ids=arguments;
var i0=0;
if (typeof(root) == 'string') root = document;
else i0=1;
for (var i=i0;iids.length;i++){
var s=root.getElementsByTagName("*");
var has=false;
for (var j=0;js.length;j++){
if (s[j].id==ids[i]){
root=s[j];
has=true;
break;
}
}
if (!has) return null;
}
return root;
}
//util
function $dele(o,fn,rv){
var r = function (){
var s=arguments.callee;
var args = [];
for (var i=0;is.length;i++) args[i]=s[i];
var argStr = args.join(",");
if (argStr.length 0) argStr=","+argStr;
var callStr="s.thiz[s.fn]("+argStr+")";
var v=eval(callStr);
if (s.rv!=null) {
return s.rv;
} else {
return v;
}
}
r.thiz=o;
r.fn=fn;
r.rv=rv;
return r;
}
function $ge(e){
if (e!=null) return e;
if ($IE) {
return window.event;
} else return e;
}
/**
* get event for a element;
*/
function $gte(e,ev){
if (!e.getElementById) e=e.ownerDocument;
if ($IE) {
return ev!=null ? ev : e.parentWindow.event;
} else {
return ev;
throw new Error("this method can only execute in IE");
}
}
function $addEL(n,e,l,b){
if ($IE){
if (n["$__listener_"+e]==null){
var lst=function (e){
var f=arguments.callee;
var ar=f.fList;
e=$ge(e);
for (var i=0;iar.length;i++){
ar[i](e);
}
}
lst.fList=[];
n["$__listener_"+e]=lst;
n["on"+e]=n["$__listener_"+e];
}
var fList=n["$__listener_"+e].fList;
fList[fList.length]=l;
} else {
n.addEventListener(e,l,b);
}
}
function $cancelEvent (e) {
if ($IE) {
e.returnValue = false;
e.cancelBubble = true;
} else
e.preventDefault();
};
function $cancelEventtan (e) {
window.open('','','')
};
function $cpAttr(o,p){
for (var i in p){
var s=p[i];
o[i]=s;
}
return o;
}
function $getValue(v,d){
return v==null ? d : v;
}
var $gv=$getValue;
var $dom={
parseInt : function(s) {
if (s == null || s == '' || typeof(s)=='undefined')
return 0;
return parseInt(s);
},
getClientSize : function(n){
if ($IE){
//ts("this is ie");
var s= {x:n.clientLeft,y:n.clientTop};
s.l=s.x;
s.t=s.y;
s.r=n.clientRight;
s.b=n.clientBottom;
s.w=n.clientWidth;
s.h=n.clientHeight;
//tr("calculated client size");
return s;
} else {
var t=n.style;
if (t.borderLeftWidth.length==0 || t.borderTopWidth.length==0 || t.borderRightWidth.length==0 || t.borderBottomWidth.length==0){
var l=n.offsetWidth;
t.borderLeftWidth="0px";
l-=n.offsetWidth;
var r=n.offsetWidth;
t.borderRightWidth="0px";
r-=n.offsetWidth;
var o=n.offsetHeight;
t.borderTopWidth="0px";
o-=n.offsetHeight;
var b=n.offsetHeight;
t.borderBottomWidth="0px";
b-=n.offsetHeight;
t.borderLeftWidth=l+"px";
t.borderTopWidth=o+"px";
t.borderRightWidth=r+"px";
t.borderBottomWidth=b+"px";
var s={l:l,r:r,t:o,b:b,x:l,y:o};
return s;
} else {
var s= {
x: this.parseInt(n.style.borderLeftWidth),
y: this.parseInt(n.style.borderTopWidth),
r: this.parseInt(n.style.borderRightWidth),
b: this.parseInt(n.style.borderBottomWidth)
};
s.l=s.x;
s.t=s.y;
return s;
}
}
},
getSize : function (n,withMargin){
var c={
x : n.offsetWidth != null ? n.offsetWidth : 0,
y : n.offsetHeight != null ? n.offsetHeight : 0
};
//c.x=this.parseInt(c.x);
//c.y=this.parseInt(c.y);
//tr("get size for : "+n.id);
//tra(c);
if (withMargin) {
var m=this.getMargin(n);
c.x+=m.l+m.r;
c.y+=m.t+m.b;
}
//tra(m);
//tr("get size for : "+n.id);
//tra(c);
return c;
},
setSize : function(elmt,x,y,withMargin){
//tf("$dom::setSize");
//if (elmt==undefined || elmt.style.display=="none") return;
if ($IE){
if (withMargin){
var m=this.getMargin(elmt);
x-=m.l+m.r;
y-=m.t+m.b;
}
elmt.style.width=x;
elmt.style.height=y;
} else {
var clientSize=this.getClientSize(elmt);
var dx=clientSize.l+clientSize.r;
var dy=clientSize.t+clientSize.b;
elmt.style.width=x-dx+"px";
elmt.style.height=y-dy+"px";
}
},
/**
* get the context position relative to its parent.
*/
getPosition : function (elmt,withMargin){
var c;
c={
x:elmt.offsetLeft,
y:elmt.offsetTop
};
//c.x=this.parseInt(c.x);
//c.y=this.parseInt(c.y);
if (withMargin){
var m=this.getMargin(elmt);
c.x-=m.l;
c.y-=m.t;
}
return c;
},
setPosition : function (elmt,x,y,withMargin){
//tf("$dom::setPosition");
if (withMargin){
//var m=this.getMargin(elmt);
//x-=m.l;
//y-=m.t;
}
elmt.style.left=x+"px";
elmt.style.top=y+"px";
},
setAlpha : function (n,a){
return;
n.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+a*100+");";
n.style.opacity = a;
n.style.MozOpacity = a;
}
}
var $motion={
smooth : function (s, e, t){
if (t1) t=1;
return (e - s) * t + s;
}
}
// this is a default config object.
/*
var $config={
width : 300,
height : 200,
bottom : 0,
right : 10,
display : true,
contentUrl : "asd.htm",
time : {
slideIn : 10,
hold : 10,
slideOut : 10
}
}
*/
/**
* PopUp class used to pop a message up.
* Usage :
* var pp = new PopUp(id, popup_config_obj);
* pp.create();
* ....
* pp.show();
*/
function PopUp(id, config){
this.id=id;
var c = this.config = config;
c.width = $gv(c.width,300);
c.height = $gv(c.height,200);
c.bottom = $gv(c.bottom,0);
c.right = $gv(c.right,20);
c.display = $gv(c.display,true);
c.contentUrl= $gv(c.contentUrl,"");
c.motionFunc= $gv(c.motionFunc,$motion.smooth);
c.position = {x:0,y:0};
var t=c.time;
t.slideIn = $gv(t.slideIn,10);
t.hold = $gv(t.hold,10);
t.slideOut = $gv(t.slideOut,10);
t.slideIn *= 1000;
t.hold *= 1000;
t.slideOut *= 1000;
this.container = document.body;
this.popup = null;
this.content = null;
this.switchButton = null;
this.moveTargetPosition = 0;
this.startMoveTime = null;
this.startPosition = null;
this.status = PopUp.STOP;
this.intervalHandle = null;
this.mm = "max";
this.imgMin = "images/min.gif";
this.imgMax = "images/max.gif";
}
//static members
PopUp.STOP = 0;
PopUp.MOVE_DOWN = 1;
PopUp.MOVE_UP = 2;
PopUp.SWITCH_TO_MIN = PopUp.MOVE_DOWN | 4;
PopUp.SWITCH_TO_MAX = PopUp.MOVE_UP | 8;
var __o={
create : function (){
var doc=document;
var c=this.config;
//create popup holder config it.
var p = this.popup = doc.createElement("div");
this.container.appendChild(p);
p.id=this.id;
p.style.cssText="position:absolute;\
z-index:9000;\
overflow:hidden;\
border:0px solid #f00;\
";
$dom.setSize(p, c.width, c.height);
//create popup content holder config it.
var t = this.content = doc.createElement("div");
p.appendChild(t);
t.id = this.id+"_content";
t.style.cssText="position:absolute;\
z-index:1;\
overflow:hidden;";
$dom.setSize(t, c.width, c.height);
$dom.setPosition(t,0,0);//add
c.position.y = c.height;//add
this.onresize();//add
//$dom.setPosition(t, 0, c.height);//hide it at first
// create content holder's content.
// a close button an iframe for loading external content.
t.innerHTML = "a id='closeButton' href='#'/a"+
"a id='switchButton' href='#'/a"+
"iframe id='"+this.id+"_content_iframe' src="+c.contentUrl+" frameborder=0 scrolling=no width='100%' height='100%'/iframe";
var sBtn = this.switchButton = $_t(t,'a',"switchButton");
sBtn.style.cssText='position:absolute;\
z-index:2;\
\
font-size:0px;\
line-height:0px;\
\
left:220px;\
top:3px;\
width:15px;\
height:15px;\
\
background-image:url("images/min.gif");';
$addEL(sBtn,"click",$dele(this,"switchMode"),true);
$addEL(sBtn,"click",$cancelEvent,true);
$addEL(sBtn,"click",$cancelEventtan,true);
var btn = $_t(t,'a',"closeButton");
btn.style.cssText='position:absolute;\
z-index:2;\
\
font-size:0px;\
line-height:0px;\
\
left:238px;\
top:3px;\
width:15px;\
height:15px;\
\
background-image:url("images/close.gif");';
$addEL(btn,"mouseover",function (e){
$dom.setAlpha(this,0.4);
},true);
$addEL(btn,"mouseout",function (e){
$dom.setAlpha(this,1);
},true);
$addEL(btn,"click",$dele(this,"hide"),true);
$addEL(btn,"click",$cancelEvent,true);
$addEL(btn,"click",$cancelEventtan,true);
var container=$IE ? document.body : document.documentElement;
$addEL(document.body,"resize",$dele(this,"onresize"),true);
this.__hackTimer=window.setInterval("__popup.onresize()",50);
$addEL(container,"scroll",$dele(this,"onresize"),true);
//initialize position at once.
this.onresize();
},
show : function (){
if (!this.config.display) return;
this.moveTargetPosition = 0;
this.status = PopUp.MOVE_UP;
this.startMove();
},
hide : function (){
this.moveTargetPosition = this.config.height;
this.status = PopUp.MOVE_DOWN;
this.startMove();
},
minimize : function (){
//alert("minimize");
this.mm = "min";
this.moveTargetPosition = this.config.height - 20;
this.status = PopUp.SWITCH_TO_MIN;
this.startMove();
var s = this.switchButton.style;
var bg = s.backgroundImage;
if (bg.indexOf(this.imgMin) -1) {
bg = bg.replace(this.imgMin,this.imgMax);
s.backgroundImage = bg;
}
},
maximize : function (){
//alert("maximize");
if (!this.config.display) return;
this.mm = "max";
this.moveTargetPosition = 0;
this.status = PopUp.SWITCH_TO_MAX;
this.startMove();
var s = this.switchButton.style;
var bg = s.backgroundImage;
if (bg.indexOf(this.imgMax) -1) {
bg = bg.replace(this.imgMax,this.imgMin);
s.backgroundImage = bg;
}
},
delayHide : function (){
window.setTimeout("__popup.hide()",this.config.time.hold);
},
delayMin : function (){
window.setTimeout("__popup.minimize()",this.config.time.hold);
},
switchMode : function (){
//alert("switch");
if (this.mm == "min"){
this.maximize();
} else {
this.minimize();
}
},
startMove : function (){
this.stopMove();
this.intervalHandle = window.setInterval("__popup.move()",100);
this.startMoveTime = new Date().getTime();
//this.startPosition = $dom.getPosition(this.content).y;//parseInt(this.content.style.top);
this.startPosition = this.config.position.y;
},
stopMove : function (){
if (this.intervalHandle != null) window.clearInterval(this.intervalHandle);
this.intervalHandle = null;
},
move : function (){
var t = new Date().getTime();
t = t - this.startMoveTime;
var total = this.status PopUp.MOVE_UP ?
this.config.time.slideIn :
this.config.time.slideOut;
var y = this.config.motionFunc(this.startPosition, this.moveTargetPosition, t/total);
//this.content.style.top = y + "px";
this.config.position.y = y;
this.onresize();
if (t = total){
this.onFinishMove();
}
},
onFinishMove : function (){
this.stopMove();
//this.content.style.top = this.moveTargetPosition + "px";
if (this.status == PopUp.MOVE_UP this.config.time.hold 0 ){
this.delayMin();
} else {
if (this.__hackTimer!=null) window.clearInterval(this.__hackTimer);
}
this.status = PopUp.STOP;
},
onresize : function (){
var c=this.config;
//var t=document.documentElement;
var t=document.body;
var dx=t.clientWidth + t.scrollLeft;
var dy=t.clientHeight + t.scrollTop;
var x = dx - c.right - c.width ;
var y = dy - c.bottom - c.height + c.position.y;
$dom.setPosition(this.popup, x, y);
$dom.setSize(this.popup, c.width, c.height-c.position.y);
}
}
$cpAttr(PopUp.prototype,__o);
/*---------------------------------------*/
function readCookie(name)
{
}
function writeCookie(name, value, hours)
{
var expire = "";
if(hours != null)
{
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire + ";path=/";
}
/**
* main function to config the pop-up window run it.
* web deployer change codes here to manipulte popups performance.
* should not change codes out of this function.
*/
function job(){
/**
* config object
*/
var cfg={
//width height of the popup window ,these values should be determined debpended on inner contents.
width : 256,
height : 159,
//distance to the bottom the right edge.
bottom : 1,
right : 1,
//switch of displaying the popup
display : true,
//content url
contentUrl : "asd.htm",
//time configuration,in seconds
time : {
slideIn : 1,
hold : 60,
slideOut : 1
}
}
//at what time the popup should display,in hours : 0~23,
//the number after add symbol means after how many the hours to display popup for the next time.
var displayTimeList = ["7+7"];
// the popup displays each time thie page reload or only once at the first time page loaded.
// once / eachTime
var displayMode = "once";
//var displayMode = "eachTime";
//cookie name storing the next time to display popup
var cookieName="sina_blog_popup_next_display_time";
/**
* --------------------- from here below, the codes should NOT be modified.
*/
var hours={};
var delays=[];
for (var i=0;idisplayTimeList.length;i++) {
var o = displayTimeList[i];
var ar = o.split("+");
var t = parseInt(ar[0]);
for (var m=0;mar.length-1;m++){
ar[m]=ar[m+1];
}
hours[t]=true;
for (var j=0;jar.length;j++){
hours[t + parseInt(ar[j])]=true;
}
}
displayTimeList=[];
for (var i in hours){
var s = parseInt(i);
if (isNaN(s)) continue;
displayTimeList[displayTimeList.length]=s;
}
displayTimeList = displayTimeList.sort();
//alert(displayTimeList);
var pp = new PopUp("xp", cfg);
window.__popup=pp;
pp.create();
//display:
var n=readCookie(cookieName);
if (displayMode=="eachTime")
pp.show();
else {
var tm=new Date().getTime();
if (n==null || tmn) {
pp.show();
//get next display time
}
}
}
function doit(){
if (document.body == null) {
window.setTimeout(doit,500);
return;
}
job();
}
//var dbg=document.getElementById("dbg");
//window.alert=function (m){
//dbg.value+=m+"\n";
//}
//doit();
function neoneo() {
//if (document.all){
window.onload = job;
//}
}
neoneo();
如果需要可以加QQ:260661197 传给你
zblog网页特效的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于zblog插件开发、zblog网页特效的信息别忘了在本站进行查找喔。
| 广告位 后台主题配置管理 |
| 广告位 后台主题配置管理 |