DHTML SAMPLES

画像をスムーズにドラッグするポイント(正常に動く)

画像をスムーズにドラッグする。ドラッグの仕組みは DHTML SAMPLESの 146番と同じだが、画像をドラッグする場合、画像そのもののドラッグをキャンセルすることで動作がスムーズになる。<IMG>タグでondrag="return false"を指定しているのがポイントになる。さらに、onmousedownとonmouseupでzIndexプロパティを変化させ、ドラッグしている画像がつねに前面になる仕掛けもポイント。ソース参照。次のサンプルに本サンプルからondrag="return false"を削除したものを示したので、動作の違いに注目すること。