（javascript，css）如果用frameset将窗口分成五个frame了，还能用一张大图作为整个窗口的背景图片吗？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了（javascript，css）如果用frameset将窗口分成五个frame了，还能用一张大图作为整个窗口的背景图片吗？相关的知识，希望对你有一定的参考价值。

不要用那种小图片无缝拼接，然后平铺的。这样意义是不大，但是能否实现？给个方法吧？
注意是用的frameset啊，不是div之类的

在每个frame的css中设置body的background样式，比如
frame1：
body background:url(back.jpg) no-repeat 0 0 fixed /*这个背景图是从0,0位置处开始显示的，这是一般的正常显示方式*/
frame2：
body background:url(back.jpg) no-repeat -300px 0 fixed /*这个背景图是从-300,0坐标处开始显示的，那么实际显示出的背景图就是从原图的300,0处开始的图像*/
frame3：
body background:url(back.jpg) no-repeat 0 -200px fixed /*这个背景图是从0,-200坐标处开始显示的，那么实际显示出的背景图就是从原图的0,200处开始的图像*/
frame4：
body background:url(back.jpg) no-repeat -300px -200px fixed /*这个背景图是从-300,-200坐标处开始显示的，那么实际显示出的背景图就是从原图的300,200处开始的图像*/
经过这样的拼接，四个Frame中的页面显示出的就是一个完整的背景图。

最后，建议你最好不要用frameset来做网页，现在不流行这个了，而且会有很多麻烦的。 参考技术A 这个应该是不大好实现的。
你试试这样：
用一个足够铺满整个页面的大图片，把这个大图分别做，在frame中显示的html的<body>的背景。然后再调一下这些在不同HTML文件中的背景的位置。以达到看上去像是“用一张大图作为整个窗口的背景图片”。
不知道说明白没有。 参考技术B 设置框架所在页的body的background
不过不建议使用框架。追问

这个试过了，不行，框架所在页都已经被分割了，body也就没意义了吧，这种情况下是不是不能这样做。

 参考技术C 在body 上面设置 background。

javascript 与Fla Frame步骤的MyLottery

function MyLottery(){
		this.ems = new gm.EM;
	}
	MyLottery.prototype = {
		init : function (_config) {
			var self = this;
			self.btnStart = _config.btnStart;
			self.prizeBox = _config.prizeBox;
			self.btnStart.addEventListener(annie.MouseEvent.CLICK, function () {
				if( self.isRunning ) return;
				self.ems.trigger("beforeLottery");
			});
			self.ems.on('beforeLottery',function(){
				myapp.beforeLottery(function (_prizeIndex) {
					self.lotteryIndex = self.getLotteryIndex(_prizeIndex);
					self.prizeIndex = _prizeIndex;
					self.ems.trigger("startLottery");
					self.isRunning = true;
				});
			});
			self.ems.on('startLottery', self.startLottery.bind(this));
			self.ems.on('endLottery', self.endLottery.bind(this));
		},
		getLotteryIndex: function (_prizeIndex){
			return _prizeIndex;
		},
		beforeLottery : function (cb) {
			console.log('beforeLottery');
		},
		startLottery : function (cb) {
			var self = this;
			var currFrame = 0, myst, mystTime = 80, mystRound = 0;
				
			function run() {
				myst = setTimeout(function () {
					if (currFrame == 10) {
						currFrame = 0;
						mystRound++;
						mystTime += (mystRound * 20)
					}
					self.prizeBox.gotoAndStop(++currFrame);
					if (mystRound == 4 && currFrame == self.lotteryIndex) {
						setTimeout(function () {
							self.ems.trigger('endLottery');
						}, 500);
						return;
					}
					run();
				}, mystTime);
			}
			run();
		},
		endLottery: function () {
			this.isRunning = false;
		}
	}

以上是关于（javascript，css）如果用frameset将窗口分成五个frame了，还能用一张大图作为整个窗口的背景图片吗？的主要内容，如果未能解决你的问题，请参考以下文章

iOS开发如何学习前端

用JavaScript修改CSS属性的代码

iframe每个页面加载css js

WordPress用JavaScript和CSS实现二级菜单展开手风琴效果

第8章 BOM

javascript 用javascript设置css变量