jQuery的強大之處在于可以輕松創建各種動態效果,例如視頻界面移入放大效果。
//當鼠標移到視頻界面上時放大 $(function(){ $('.video').mouseover(function(){ $(this).css('transform', 'scale(1.2)'); }); $('.video').mouseout(function(){ $(this).css('transform', 'scale(1)'); }); });
以上代碼采用了jQuery的mouseover和mouseout方法,當鼠標在視頻界面上移動時,使用css方法將其放大至原始大小的1.2倍。
同時,為了保證用戶體驗,當鼠標移動到其他區域時自動返回原始大小。
使用這種效果可以增加網站的交互性和吸引力,讓用戶更加愿意留在網站上。