十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
常用博客网页特效代码
创新互联一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!为您提供成都网站设计、成都做网站、外贸网站建设、成都网页设计、微信小程序开发、成都网站开发、成都网站制作、成都软件开发、重庆App定制开发是成都本地专业的网站建设和网站设计公司,等你一起来见证!
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
zblog的网页图标一般位于主题文件夹下的images目录中,您可以尝试在这个目录下找到对应的qq图标文件。如果您找不到该文件,可以尝试在网页代码中搜索相关关键词,看看是哪个文件调用了该图标。
具体操作步骤如下:
登录zblog后台,进入主题设置页面。
在左侧导航栏中找到“自定义设置”或“编辑模板”等相关选项。
找到关于QQ图标的相关代码,一般位于作者模块或社交媒体模块中。可以尝试搜索“qq”、“icon-qq”等关键词,找到相关代码段。
在代码中找到图片文件的路径,一般是类似于“images/icon-qq.png”这样的路径。根据路径,到主题文件夹下的images目录中查找对应的图片文件。
如果您仍然无法找到对应的文件,可以尝试在zblog官网或相关技术论坛上搜索相关问题,或者联系主题作者或zblog技术支持人员获取帮助。
模板安装:在z-blog官网下载程序并上传空间根目录上,打开浏览器输入你的域名就可以安装了,或是输入:www.你的玉米./login.asp ,就可以进入安装界面了。其中用户名,密码自己设置
进入后台进行关键词初步设置:其中:BLOG的名称(网站的名称); BLOG的简介(网站名称的下面一段文字,简介,加一些关键词); 网站的标题(就是你选择的关键词,网站最上面一条文字); 网站的子标题(也是关键词,同网站的标题);主题名称,界面样式名称(这两个不用管); BLOG版权说明(就是你的网站最下面的说明性文字,可以加上站长统计)
静态目录配置及文件重建设置:一定要把--启用自定义静态日志目录功能--这项功能打勾,启动。这样是网页静态,对seo好!最后重建。
进入博客后台进入主题样式管理,Z-Blog模板安装过程:
登陆后台,A入口主题样式管理--B获得更多主题跟从本地安装主题. 选择样式,然后直接激活就可以了.点应用此主题生效.
第一种:在线安装主题
:现在我们一起来看下B处两个安装方法.
获得更多主题(这是官方提供的在线安装办法,里面有很多的模板.)选择好自己喜欢的模板,点安装主题,就可以自动安装了,安装完后点应用此主题即可安装成功.
第二种:安装自己电脑里面下载的主题包
首先要了解下安装文件文件名称一般是.zti.xml结尾(详细见箭头入的链接说明)浏览上传,接下来的步骤上面已经介绍了.下面我们一起学习下用FTP上传主题包.
第三种:用FTP软件上传安装包进行安装产题.
主题包直接上传到/PLUGIN/ThemeSapper/Export/放到这儿,没明白意思的看图片.箭头所指的既是我已经上传好的主题包.下面我们一起来看如何安装.我们可以从管理主机上的ZTI文件看到下面有三个通过FTP上传好的主题包,只要点红色箭头指的按钮就可以安装了,方法上面已详细说明.
第四种:就是直接上传模板文件,这种情况是指别人没有把模板打包提供下载,或者自己备份的模板.
G:\5er网站4月23备份\THEMES\Sunnymoor,我现在要把Sunnymoor这个模板上传到网上,如何操作呢?看Sunnymoor目录下面有这些文件,我们要连同Sunnymoor这个目录上传到自己网站的根目录\THEMES目录里面即可.
模板修改:在zblog根目录下有个THEMES,此目录下的所有文件就是网站的模板文件.通晓里面的每个文件的作用,就能随心所欲的修改网站的样式.
default.html
站点首页面模板,不包含日志页模板,即仅为外部框架,在其中调用日志页标签
single.html
日志页模板,包括外部框架和内部框架,外部框架可直接使用default.html的样式,也可设计为不同的。内部框架即日志列表、内容显示样式。
b_article-single.html
日志全文显示页面模板,仅为内部框架,外部框架由single.html提供
b_article-multi.html
日志列表,有日志摘要内容列表,仅为内部框架,外部框架由single.html提供
b_article-multi-list.html
日志列表,无日志摘要内容列表,仅为内部框架,外部框架由single.html提供
b_article_comment.html
评论内容显示页面,仅为内部框架,外部框架由single.html提供
b_article_commentpost.html
评论内容发布区,仅为内部框架,外部框架由single.html提供
b_article_commentpost-verify.html
评论内容发布验证码显示样式
b_article_nvabar_l.html
日志全文显示页面文章导航,显示“上一篇”日志链接
b_article_nvabar_l.html
日志全文显示页面文章导航,显示“下一篇”日志链接
b_article_tag.html
日志列表页、日志全文显示页的tags显示样式
b_article_trackback.html
日志全文页面中部,显示引用站点地址部分的样式
b_pagebar.html
日志列表底部分页栏,与评论内容分页栏无关