在线影音页面的制作方法
先来看看效果吧,这个是我网站的在线影音页面:http://www.shenjieblog.com/tv.html
很多网页都有这样一个页面,于是也想给自己的网页加上,本来之前自己也已经用iframe框架做好了这种效果,但是还是觉得页面不怎么好看,于是我就扒了别人的代码,方法如下:
先自己在本地新建一个网页,然后把别人的源代码先全部复制进去,这里我使用的工具是IDEA,因为可以用快捷键ctrl+alt+L整理代码,
源代码:
整理后的代码:
接下来就是修改了,首先是修改名字,然后是自定义网站的个数,我删除了一些网站,只保留了几个常用的,然后我还添加了网站的图片,还有你会发现里面有两部 分js代码(这个js文件可以通过查看源代码然后右键复制下载链接,复制到迅雷中下载下来),这个我们也要修改,顶部那个js是负责网页效果的,这个可以 直接下载下来上传到后来js文件夹中,然后在网页中指定js的路径即可,下面那个js代码是负责分享功能的,你会看见网页的右边有一个分享按钮,这个js 中的内容也要修改一些,主要是修改名字,下面我把我的网页文件分享出来,下载地址:
http://yunpan.cn/cFMpqJ8si2aQF 访问密码 9675
你们要稍作修改即可使用,当然也可以自定义,这种功能也可以添加其他的网站,不一定是我这种音乐视频网站。修改好之后把这个网页上传到你后台主题的根目录下面,然后在网页中任何位置指定你这个网页的链接即可,比如我的是添加在二级菜单中,很多网站是添加在顶部或者底部。
在线影音页面的制作方法相关推荐
- spring图片转视频_视频转GIF在线教程,GIF制作方法
很多GIF动图的出现都是从视频片段中转化出来的,那么如果对于一个视频的画面非常的喜欢,但是又不想下载整个视频,那么这种时候该怎么做呢?面对这个问题的朋友们,不必烦恼,使用视频转GIF功能,能够轻松的将 ...
- 标梵信息分享App推广登陆页面的制作方法
1. 列举了app推广登陆页面的常见形式和各种常见的衡量指标,梳理了做这个要注意的重点. 在移动互联网领域,登陆页面也称为推广页面.指南页面.登陆页面等.,通常以H5页面的形式显示.访客通过广告链接( ...
- ae制h5文字动画_绝对干货!H5动画制作方法全揭秘
原标题:绝对干货!H5动画制作方法全揭秘 近年来,H5页面火爆整个移动互联网,这些页面的炫酷展现,都离不开动效设计和制作,而动效设计和制作早已成为一名合格设计师必需掌握的技能. 目前,设计师制作H5页 ...
- 页面上一些小icon的制作方法及技术选择
我们经常切片的时候,看到一些小图标,都有些心头小烦.当然我们一般为了兼容多款浏览器.选择保守的切图拼成雪碧图.然后通过background-position去定位到你想要用的图标. 随着我们一步步摒弃 ...
- 课后练习--制作美联英语在线VIP页面——学伴
这里有样式和主架构,素材和bootstrap的代码需要自己添加 若是出现了bug请查看自己的Bootstrap.min.css导入是否正确 css样式: body{font-family: " ...
- php制作网页教程pdf,php中pdf页面制作方法
FPDF即"Free PDF",FPDF类库提供了基本的PDF创建功能,其源代码和使用权是免费的.本文主要和大家分享php中pdf页面制作方法,希望能帮助到大家. PDF格式文档优 ...
- 5.网站404错误--404页面制作方法详解(下)
八.制作404页面 这里分两种情况. Apache 为Apache Server设置 404错误页面的方法很简单,只需: (1)在.htaccess文件中加入如下内容:ErrorDocument 40 ...
- php流光字,各种漂亮的流光字在线制作方法
(分享)各种漂亮的流光字在线制作方法 1.在线流光控朦胧闪字制作http://jiqie.com/g/18.htm 哇塞!朦胧字,还是超级可爱的朦胧字图片? 2.在线流光控隐形字图片制作http:// ...
- wpsppt页面卷曲在哪里_ppt2013页面卷曲动画效果制作方法.doc
ppt2013 页面卷曲动画效果制作方法 ppt2013 页面卷曲动画效果制作方法 ppt2013 页面卷曲动画效果制作方法 一:先建立一个主 PPT 文件, ppt 怎么制作 ? 第一张封面, 第二 ...
- gif图片怎么制作?图片转gif在线制作方法
如何将图片制作成gif?我相信这是很多小伙伴都比较关心的问题,很多时候我们在产品介绍以及在公众号内容配图时就经常用到和看到.有一些有PS基础的会用PS制作gif动图,但是还得再去学PS,制作起来成本就 ...
最新文章
- python(numpy,pandas11)——pandas merge根据索引合并数据
- 如何将本地jar包放入本地maven仓库和远程私服仓库
- java的case_java中的switch case语句使用详解
- silverlight 上下标
- 如何优化网页转化率?(中篇)
- 单片机定时器中断原理
- unity3d点击屏幕选中物体
- 代码重构的方法和经验_实战篇:一个核心系统 3 万行代码的重构之旅
- QML入门教程(12): Item介绍
- Bongo Cat 小猫咪自制全键盘版本 养一只超可爱的小猫
- 免费小说阅读器(Android版本)全站开源
- 北京大学生物信息学(9)第二代基因组测序技术
- 处理excel,该选择VBA,还是python?
- 网络爬虫学习第一弹:urllib库使用
- lammps模拟中tersoff势设置方法
- 消防法及相关法律法规(二)
- Android初学者仿QQ聊天软件APP (一) 登录界面
- 如何使用S32DS进行Debug刷写
- cloverconfig机型修改_Clover介绍 及 新版 config.plist 代码作用详解
- 正雅齿科与沈刚正畸团队拓展隐形正畸治疗边界