先来看看效果吧,这个是我网站的在线影音页面:http://www.shenjieblog.com/tv.html
很多网页都有这样一个页面,于是也想给自己的网页加上,本来之前自己也已经用iframe框架做好了这种效果,但是还是觉得页面不怎么好看,于是我就扒了别人的代码,方法如下:
先自己在本地新建一个网页,然后把别人的源代码先全部复制进去,这里我使用的工具是IDEA,因为可以用快捷键ctrl+alt+L整理代码,
源代码:
整理后的代码:
接下来就是修改了,首先是修改名字,然后是自定义网站的个数,我删除了一些网站,只保留了几个常用的,然后我还添加了网站的图片,还有你会发现里面有两部
分js代码(这个js文件可以通过查看源代码然后右键复制下载链接,复制到迅雷中下载下来),这个我们也要修改,顶部那个js是负责网页效果的,这个可以
直接下载下来上传到后来js文件夹中,然后在网页中指定js的路径即可,下面那个js代码是负责分享功能的,你会看见网页的右边有一个分享按钮,这个js
中的内容也要修改一些,主要是修改名字,下面我把我的网页文件分享出来,下载地址:
http://yunpan.cn/cFMpqJ8si2aQF 访问密码 9675
你们要稍作修改即可使用,当然也可以自定义,这种功能也可以添加其他的网站,不一定是我这种音乐视频网站。修改好之后把这个网页上传到你后台主题的根目录下面,然后在网页中任何位置指定你这个网页的链接即可,比如我的是添加在二级菜单中,很多网站是添加在顶部或者底部。