【 ＨＰ作成質問箱 】
新しい質問は「新規入力」ボタンをクリックしてください。
| Page-1
【ＨＰ作成質問箱/詳細】 一覧 / 詳細
-
No.9851 マウスカーソルの動きでスクロール
[まりん] [ブラウザ] 08/12/03 (水) 21:14
-
縦幅は表示画面最大以下で横長のサイトを作りたいのですが、横にスクロールしてもらうために、ホイールを回転させたら横に進むようにしたいと思ったのですが、それ以上にマウスカーソルを移動すればそれにページがついてくるようにしたいと思いました。可能でしょうか？▼ ▼ ▼
-
No.9852 Re:マウスカーソルの動きでスクロール
[atom] [ブラウザ] 08/12/03 (水) 21:51
-
Javascriptを使用すれば可能だと思います。
そんな複雑で不便なものは私では解説できませんし、そのようなものは必要性があると思われないので、サンプル自体もないと思いますね。
ご自分で勉強して設置するしかないと思います。▼ ▼ ▼ -
No.9853 Re^2:マウスカーソルの動きでスクロール
[まりん] [ブラウザ] 08/12/04 (木) 16:25
-
ありがとうございます^^
もう少し質問しながら勉強していきます。
もう少し入った質問なんですが、
<HTML>
<HEAD>
<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var isNSC=(document.layers);
var is_all=(isNSC)? '' : 'all.' ;
var is_style=(isNSC)? '' : '.style' ;
var is_visible=(isNSC)? 'show' : 'visible';
var win_wd, win_ht, item, true_scroll=false, for_down;
function init(){
item=eval('document.'+is_all+'item'+is_style);
get_win_size();
item.visibility=is_visible;
scrl_page();
}
function get_win_size() {
win_wd=(isNSC)? window.innerWidth-5 : document.body.clientWidth;
win_ht=(isNSC)? window.innerHeight : document.body.clientHeight;
(isNSC)? item.clip.width=42: item.width=42;
(isNSC)? item.clip.height=20 : item.height=20;
mv_item();
}
function resize_NSC() {
setTimeout('document.location.reload()',400);
}
function mv_item() {
if (isNSC) {
item.moveTo((pageXOffset+win_wd-120),(win_ht+pageYOffset-120))
}else{
item.pixelLeft=document.body.scrollLeft+win_wd-120;
item.pixelTop=win_ht+document.body.scrollTop-120;
}
}
window.onload=init;
(isNSC) ? window.onresize=resize_NSC : window.onresize=get_win_size ;
function scrl_page() {
status = '';
if (true_scroll) {
if (for_down) {
(isNSC)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
} else {
(isNSC)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
}
}
mv_item();
setTimeout('scrl_page()', 20);
}
//-->
</script>
</HEAD>
<BODY>
<div id="item">
<a href="javascript:void(0)" onMouseover="true_scroll=true;
for_down=false" onMouseout="true_scroll=false">
<img src="up.gif" border="0"></a>
<a href="javascript:void(0)" onMouseover="true_scroll=true; for_down=true"
onMouseout="true_scroll=false"><img src="down.gif" border="0"></a>
</div>
<table border=0>
<tr><td>
</td></tr>
</table>
</BODY>
</HTML>
これでオンマウスでスクロールは可能みたいなのですが、動くメニューが右下に表示されていて不便です。
動くメニュー(ｽｸﾛｰﾙに追いかけてくる)を二箇所に分けて設置したり、画面の左右半分ずつに設置したりは出来ないでしょうか？
質問わかりにくくてすみません。
ﾌﾗｯｼｭで作成されているサイトがあったのでイメージとして載せておきます▼ ▼ ▼ -
No.9854 Re^3:マウスカーソルの動きでスクロール
[atom] [ブラウザ] 08/12/04 (木) 18:41
-
出来なくはないでしょうが、かなり試行錯誤しながら作って行くしかないでしょうね。
ご自分で作成されたものや、単純なものならアドバイスもできるのですが、複雑なものや配布物の改造は、アドバイスがし難いですね。
今回のご質問は、質問と言うより、javascriptの作成依頼という感じです。
残念ですが、私ではちょっとご期待には添えません。▼ ▼ ▼ -
No.9857 Re^4:マウスカーソルの動きでスクロール
[まりん] [ブラウザ] 08/12/05 (金) 20:43
-
ありがとうございます
できなくはない。ですか。
やってみます。
この件についてはこのくらいで終わりますね。
他の質問については別に質問します。▼ ▼ ▼
-
No.9852 Re:マウスカーソルの動きでスクロール
| Page-1