可能使用javascript来创建彼此之间的静态边界/具有网页幻灯片。
|
编辑：我不想只是从不同页面中获取内容并将其加载到当前页面中。我真正想做的是加载将在电视中交互的不同html文件。我发现很难做到这一点，因为您无法将html文件加载到DIV中，也无法单击通过透明png文件的链接。
你好，
我正在建立一个电视节目网站，我和我的朋友将其称为“每一天”。
在这里，您可以看到我到目前为止的模型：
http://www.uvm.edu/~areid/cs195/final/S/S.html
截至目前，我正在使用的图像只是我用Photoshop分割的一张大图像。
我的目标是使用某种脚本制作该脚本，以便外部电视将静态放置在原位，并且电视中的Web内容将过渡而无需重新加载最外部的电视。
我想将此技术与类似于fss滑块脚本的内容结合使用，以允许站点上的每个页面滑动，使其看起来像是房间的延续。 -也许这甚至不是达到我想要的结果的最佳方法。
我已经绘制并切片了所有图像，现在我所需要的只是确定要寻找的东西的方向。
非常感谢，我很高兴加入这个社区，
库珀·里德
没有找到相关结果
已邀请:
3 个回复
吠强祷豪硅
var h = $(\'.clickable div\').height(); //height of a single content DIV var divCount = 0; $(\'.clickable div\').each(function() { divCount++; }); //count number of content DIVs $(\'.pan\').click(function(e) { e.preventDefault(); //prevent default action (of <a>) if ($(\'.content div\').is(\':animated\')) return false; //disable click while animating var x = $(this).attr(\'href\'); x = $(x).index(); //get index of destination element $(\'.content div\').animate({top: -x*h +\'px\'}, 2000); //animate to destination }); $(\'#tv-right\').click(function() { if ($(\'.content div\').is(\':animated\')) return false; //disable click while animating $(\'.content div\').animate({top: \'-=\'+h+\'px\'}, 2000); //animation //if last div then go back to the start if ($(\'.content div:last\').css(\'top\') == (-h * (divCount - 1)) +\"px\") { $(\'.content div\').stop().animate({ top: \'0px\' }, 1000); } });玩翁文醚碱
或的代码ID为）：$(\'#rightframe\').click(function() { $.get(\'single.html\', function(data) { $(\'#content\').html(data); }); });苦诫