ホームページ > ウェブフロントエンド > jsチュートリアル > div レイヤーをマウスで動かすための実装コード、つまり ff_javascript スキル

div レイヤーをマウスで動かすための実装コード、つまり ff_javascript スキル

WBOY
リリース: 2016-05-16 18:38:56
オリジナル
743 人が閲覧しました

.center_div2
{
位置: 絶対;
テキスト整列: 中央;
背景色: }

.center_div_tips2
{
位置: 相対;
色: 赤;


データ更新中...<





>function IsIE() {
var OsObject = "";
if (navigator.userAgent.indexOf("MSIE") > 0) {
return
}
}
function MouseMove(ev) {
/*ie イベントメカニズムは ff*/
ev = ev window.event ||
var MousePos = MouseCoords(ev); >vardetailDiv = document .getElementById("detailDiv"); // ポップアップするレイヤー
detailDiv.style.left = (mousePos.x 10) "px";
detailDiv.style.top = (マウスポス.y 18) "px ";
}
関数 MouseCoords(ev) {
if (ev.pageX || ev.pageY) {
return {
x: ev.pageX ,
y: ev .pageY
};
}
/*ie ff*/とは境界処理が異なります
if (IsIE()) {
return { x: ev.clientX document.documentElement.scrollLeft - document.documentElement.clientLeft, y: ev.clientY document.documentElement.scrollTop - document.documentElement.clientTop }
}
else {
return { x: ev. clientX document.body.scrollLeft - document .body.clientLeft, y: ev.clientY document.body.scrollTop - document.body.clientTop }
}
}
document.onkeydown = keydown;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート