打印

求js技术高人来解答，十万火急啊，谢谢。(已经解决，发博客作品，交流一下)

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

1^# 大中小发表于 2007-10-15 20:35 只看该作者

求js技术高人来解答，十万火急啊，谢谢。(已经解决，发博客作品，交流一下)

在页面中index.html有一个样式

<style id="customTheme">
body{
background-image: url(http://127.0.0.1/Blog/skin/bg/9.gif);
}
</style>

我要如何可以实现无刷新更换样式，就是直接更换body里的背景图片。

无刷新更换外部样式倒是做好了，我想实现想sohu博客的那样，直接更换背景的，如何做到

高人解答，万谢了。

作品在6楼。

[ 本帖最后由 akin505 于 2007-10-16 17:39 编辑 ]

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

2^# 大中小发表于 2007-10-15 20:36 只看该作者

我用这句
document.getElementById('customTheme').style='body{background-image: url(/Blog/skin/bg/2.jpg)';

没反应来着。

到底要怎么做呢，翻遍了baidu还是找不到一个可以解决的。

[ 本帖最后由 akin505 于 2007-10-15 20:37 编辑 ]

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

3^# 大中小发表于 2007-10-15 20:57 只看该作者

没人在呢，这下真是死翘了。

先去洗个澡。

TOP

ddmabc

注册会员

Rank: 2

帖子: 466
积分: 73
技术分: 20
在线时间: 35 小时
注册时间: 2004-9-11

4^# 大中小发表于 2007-10-16 09:53 只看该作者

定义两个样式,然后使用className属性

obj.className="样式名称"

欢迎登陆我的个人主页: http://www.fly020.com/ddm/

TOP

coldstone

冷石

版主

Rank: 7 Rank: 7 Rank: 7

河姆渡性感农民

帖子: 4532
积分: 617
技术分: 127
来自: 永久的凤凰
在线时间: 196 小时
注册时间: 2001-11-11

5^# 大中小发表于 2007-10-16 11:52 只看该作者

document.getElementById('customTheme').style.backgroundImage='url(/Blog/skin/bg/2.jpg)';

临渊羡鱼。。不如退而上网。。

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

6^# 大中小发表于 2007-10-16 17:37 只看该作者

谢谢 ddmabc ,coldstone (冷石)

coldstone (冷石) 的方法有效，非常感谢。

这几天休息闲来无事，看到SOHU的博客不错，就仿了做。感受一下无刷新带来的快感。

献上地址：http://www.topstudio.cn/Blog/725/

没做完，不过对博客的主题更换，终于搞定了，高兴ing。

有新手学习的，直接看代码，可以copy下来，互相学习一下。

因为没有分用户，数据库是共享的，你更换主题时，搞不好别人在换，所以有时看不到，嘿嘿。

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

7^# 大中小发表于 2007-10-16 17:44 只看该作者

本来想加进拖拽的，想想还是麻烦了点，又得继续去学习一下，没力气咯，凑着用吧。

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

8^# 大中小发表于 2007-10-16 18:02 只看该作者

忘了把遇到问题说一下，希望有人帮我解答，多谢了。

就是在主题更换时，默认背景-图片设置里

对齐: 　水平垂直

body{background-position:left;}

水平和垂直，这个可真难解决，因为都是直接用document.body.style.backgroundPosition=urlid;

来实现，这样子的话，做了水平，垂直的就被替换了，要实现这样的 body{background-position:left top;}，怎么弄？

自己是找不到资料出来了。

TOP

bnirvana

新手上路

Rank: 1

帖子: 10
积分: 4
技术分: 0
在线时间: 30 小时
注册时间: 2007-9-3

9^# 大中小发表于 2007-10-19 01:12 只看该作者

以下内容为程序代码

<html>

<head>
<title>http://www.9806.cn/
访问网址超出本站范围，不能确定是否安全
继续访问取消访问网页特效|http://www.9806.cn/
访问网址超出本站范围，不能确定是否安全
继续访问取消访问9806.cn/Js|---随机的背景图案</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<style type="text/css">BODY {
FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
A {
COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
COLOR: red; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: underline
}
A:visited {
COLOR: darkblue; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
A:active {
COLOR: cyan; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
TD {
COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
BR {
FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
</style>
<script language="JavaScript">
bg = new Array(5);
bg[0] = 'images/a.jpg'
bg[1] = 'images/b.jpg'
bg[2] = 'images/c.jpg'
bg[3] = 'images/d.jpg'
bg[4] = 'images/e.jpg'

index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");</script>

</head>

<body>

<div align="center">
  <center>
  <table border="0" width="100%">
<tr>
   <td width="41%">　</td>
   <td width="59%"> <font size="6" color="#0000FF">背景随机显示</font><br>
         <font size="3">试着单击浏览器工具栏“刷新”按钮，是不是每次刷新后的页面背景都不一样，很有趣吧。其实现方法其实很简单，注意下面的代码：</font></td>
</tr>
<tr>
   <td width="41%"></td>
   <td width="59%"></td>
</tr>
  </table>
  </center>
</div>

<p align="center"><br>
</p>

<p align="center">　</p>
<div align="center"><center>

<table border="0" cellPadding="0" cellSpacing="0" width="80%">
<TBODY>
  <tr>
<td width="100%">将如下代码加入HTML的<HEAD>区：<br>
<br>
<script LANGUAGE="JavaScript"><br>
bg = new Array(<font color="#ff0000">2</font>); //设定图片数量，如果图片数为3，这个参数就设为2，依次类推<br>
bg[0] = '<font color="#ff0000">bg1.gif</font>'  //显示的图片路径，可用http://<br>
bg[1] = '<font color="#ff0000">bg2.gif</font>'<br>
bg[2] = '<font color="#ff0000">bg3.gif</font>'<br>
index = Math.floor(Math.random() * bg.length);<br>
document.write("<BODY BACKGROUND="+bg[index]+">");<br>
</script></td>
  </tr>
</TBODY>
</table>
</center></div>
</body>
</html>

雨人设计
-------------------------------------------------------------------
www.nirvana.blogurl.cn

TOP

akin505

注册会员

Rank: 2

帖子: 210
积分: 32
技术分: 1
在线时间: 53 小时
注册时间: 2005-4-5

10^# 大中小发表于 2007-10-21 18:53 只看该作者

哥们，我说的是水平和垂直。

你那是背景变化，这个已经实现了。

还是谢谢你解答啊

TOP