*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音敘事專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

2014年11月8日 星期六

easy jQuery 程式寫作練習:平順的滑顯和滑隱






Hover to see !
jQuery練習題slideToggle
圖片或媒材要放在DIV裡面,才能平順滑動




這 是我要按下去的地方。
就是表格裡面的TD,
然後在TD裡面要設好id。




  click▲照片也要設上id,才能進行互動設置。
構思重點:(一)將媒材放到
DIV裡,對DIV進行互動設定。
可以看到,不管是從圖像、videos
或是文字 都可以平順地控制變化
(二)互動文本中,讀者是無法被
精準預 期閱讀行為。
所以,為一種閱讀內容設定
多種可行 的到達途徑,例如
設定二個以上的click點來到達,
是一位互動作者的
基本寫作思考態度。





這個課程範例,互動程式的使用是老套的,早教過。但,要寫出來,因為一些操作技巧可以幫助同學更多。這些寫作上/使用kompozer的操作技巧很重要,但同學似乎掌握的不是很好。如果你已跟著我學了一陣子,這個課程案例,會對你有真正提升功力的助益。




一、影音教學:

二、範例中的 jQuery::
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>

$(function() {

$('#im2014110801').click(function() {
$(this).slideToggle(600);
});

$('#ta2014110801').click(function() {
$('#im2014110801').slideToggle(600);
});

});
</script>
三、jQuery程式寫法影音說明:






沒有留言:

張貼留言