TOP /すぐに使えるjavascript | 写真風表示&入れ替え&移動(IE,NN,Firefox,opera) |
---|
<script type="text/javascript" src="Hiphoto.js"></script>
写真風に表示します(デフォルト:#ffffff)インライン要素からブロック要素に変わります<img src="01.jpg"class="photo:#00ffff"> <img src="表示ファイル名"class="photo:枠の色"> |
画像位置を固定します<img src="01.jpg"class="IMGfixed:3,top"> top&left(デフォルト:top,left) <img src="表示ファイル名"class="IMGfixed:z-index(値)"> |
ドラッグで移動します()<img src="02.jpg"class="movement"> <img src="表示ファイル名"class="movement"> |
画像ロールオーバー<img src="02.jpg"class="Rollover:03.jpg"> <img src="表示ファイル名"class="Rollover:入れ替えファイル名"> |
クリックで画像が変わります。<img src="01.jpg"class="IMGALPHA:01.jpg,02.jpg,03.jpg"> <img src="表示ファイル名"class="IMGALPHA:表示ファイル名,入れ替えファイル名,入れ替えファイル名">
マウスを乗せると振動します<img src="03.jpg"class="vibration"> <img src="表示ファイル名"class="vibration">
IMGALPHAとphotoとvibrationとmovementは順不同ですがスペースで区切ってください。<table><tr><td> <img src="01.jpg"class="photo:#ff00ff IMGALPHA:01.jpg,02.jpg,03.jpg"> </td><td> <img src="02.jpg"class="photo IMGALPHA:02.jpg,03.jpg,01.jpg movement"> </td</tr></table> <img src="03.jpg"class="IMGALPHA:03.jpg,01.jpg,02.jpg photo:#ff0000 vibration"style="position:absolute;top:1620;left:160">