すべてのカテゴリ » インターネット・パソコン » 技術・プログラミング

質問

終了

画面をスクロールすると、一緒に動くように下記の通りの記述でリンクを貼ってます。
これと同じ物を反対側(今は画面右に出てるので、左側)にもう一つ貼りたいのですが、どのように記述したら良いのでしょうか?

ちなみに記述は下記の通りです。

<div id="onecli" style="display: none; position: absolute;">


<img src="a-1.png" border="" alt=""></a>


</div>

<script type="text/javascript">
// <![CDATA[
function getTopOffset() {
if(document.all) {
if(document.compatMode == "CSS1Compat")
return document.body.parentNode.scrollTop;
else if(document.body.scrollTop)
return document.body.scrollTop;
else
return 0;
}
else {
return window.pageYOffset;
}
}

function getWindowWidth() {
if(window.innerWidth)
return window.innerWidth;
if(document.compatMode == "CSS1Compat")
return document.body.parentNode.clientWidth;
if(document.body.clientWidth)
return document.body.clientWidth;
}

function getWindowHeight() {
if(window.innerHeight)
return window.innerHeight;
if(document.compatMode == "CSS1Compat")
return document.body.parentNode.clientHeight;
if(document.body.clientHeight)
return document.body.clientHeight;
}

var onec = document.getElementById("onecli");
var timer;
function stickyOnec() {
var left = parseInt(getWindowWidth()/2 + 725/2) + -20;
var top = parseInt((getWindowHeight()/10 - -260) + getTopOffset());
if(document.all) {
onec.style.pixelLeft = left;
onec.style.pixelTop = top;
}
else {
onec.style.left = left + "px";
onec.style.top = top + "px";
}
if(onec.style.display == "none")
onec.style.display = "";
if(!document.all) {
clearTimeout(timer);
timer = setTimeout("stickyOnec()", 40);
}
}

if(document.all) {
stickyOnec();
window.onscroll = stickyOnec;
}
else {
setInterval("stickyOnec()", 40);
}

window.onresize = stickyOnec;
// ]]>
</script>

  • 質問者:初心者さん
  • 質問日時:2010-10-28 21:39:07
  • 0

関連する質問・相談

Sooda!からのお知らせ

一覧を見る