1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建一个模块,在div内,使用p标签创建三行文字,p标签作为div的子标签。
3、在test.html文件内,设置div的id属性为testdiv,主要用于下面通过该id获得div对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“取子标签个数”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。
6、在js标签中,创建myfun()函数,在函数内,使用$符号通过id(testdiv)获得div对象,再使用children()方法获得div的子标签,通过length属性便可以获得子标签的个数。最后,使用alert()方法输出个数。
1、首先需要新建一个html文件,命名为test.html。
2、在test.html页面,使用button标签创建四个按钮,分别是播放/暂停、大、中、小,用于控制视频的播放效果。同时,使用video标签创建一个视频。
3、给每个按钮绑定onclick点击事件,当按钮被点击时,分别执行相应的函数来控制视频的播放效果。
4、使用document.getElementById()获得视频对象,创建“播放/暂停”的playPause()函数,使用play()方法控制视频的播放,使用pause()控制视频的暂停。
5、然后需要创建makeBig()函数,当点击"大"按钮时,使视频以宽度560px来播放视频。
6、创建makeNormal()函数与makeSmall()函数,当点击“中”按钮时,使视频以宽度420px来播放视频,当点击“小”按钮时,使视频以宽度320px来播放视频。
7、在浏览器打开test.html文件,测试Jquery控制视频播放的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)