社区
JavaScript
帖子详情
请问怎样实现在类似优酷打开视频页面的效果 只打开一个新窗口 再打开其他的视频页面 也只在第一次打开的新窗口更新链接地址
jayhai
2013-12-08 02:16:35
不止优酷, 好多视频网站都有这种效果 。
一个页面代表一个窗口 ,例如: A页面有许多视频链接 , 随便打开一个, 然后打开了一个新窗口B页面 ,播放视频。
但我再回到A页面选其他的视频看的时候,打开的链接不会在浏览器新开一个窗口(右键菜单的除外), 而是在B页面更新链接URL地址。
不知道是不是用javascript实现的 ,请高人指点下........
...全文
257
6
打赏
收藏
请问怎样实现在类似优酷打开视频页面的效果 只打开一个新窗口 再打开其他的视频页面 也只在第一次打开的新窗口更新链接地址
不止优酷, 好多视频网站都有这种效果 。 一个页面代表一个窗口 ,例如: A页面有许多视频链接 , 随便打开一个, 然后打开了一个新窗口B页面 ,播放视频。 但我再回到A页面选其他的视频看的时候,打开的链接不会在浏览器新开一个窗口(右键菜单的除外), 而是在B页面更新链接URL地址。 不知道是不是用javascript实现的 ,请高人指点下........
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
似梦飞花
2013-12-09
打赏
举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript"> window.onload=function(){ var p=""; var ls=document.links; for(var i=0;i<ls.length;i++){ ls[i].onclick=function(e){ if(!p){ p=window.open(this.href); }else{ p.location.href=this.href; } var a=e||window.event; if(a.preventDefault){ a.preventDefault(); }else{ a.returnValue=false; } } } } </script> </head> <body> <a href="Untitled-4.html">baidu</a> <a href="Untitled-2.html">hao123</a> </body> </html> 类似这样试试
jayhai
2013-12-09
打赏
举报
回复
自己顶一下。。。。。。。。。
jayhai
2013-12-09
打赏
举报
回复
真不好意思 给版主分少了 应该给版主多分的 我以为要结合二楼的代码才能实现效果 例如这样写 window.open(this.href,'targetwin'); 没想到直接可以用版主的代码实现效果 对不住了
jayhai
2013-12-09
打赏
举报
回复
也谢谢版主.......
斯洛文尼亚旅游
2013-12-09
打赏
举报
回复
a链接加个target属性,滚定一个窗口名称就行了 <a href="xxxx1"
target="targetwin"
>xxxx1</a> <a href="xxxx2"
target="targetwin"
>xxxx2</a> <a href="xxxx3"
target="targetwin"
>xxxx3</a>
jayhai
2013-12-09
打赏
举报
回复
谢谢楼上高手 。 可以实现 ,但是第二次点击超链接的时候, 还是停留在A页面(也就是超链接所在页面), 要手动去点击B页面 。 估计要在 上面的代码else{p.location.href=this.href;} 中加代码吧, 不知道怎样写 。
WP主题:HotNewspro 2.72
HotNews(热点新闻)作为一款免费的Wordpress主题,集成了五、六十项功能,丰富的主题设置面板,功能模块化,虽是一款主题,却集成了CMS、BLOG、图片、
视频
等多个模版,统一的风格展示不同的内容。历经多次升级,目前版本为HotNews Pro 2.7.1 Plus。 ■ 下载安装。 不要直接上传下载的压缩包,解压后上传里面的主题HotNewspro.zip及wp-postviews插件(必须安装),否则会提示样式表丢失和部分功能模块无法显示。 主题集成了大量JS脚本,因此安装主题前,最好禁用所有插件,以免造成冲突,产生莫名的问题。如果之前使用过HotNews Pro主题,后台删除原来的版本,并到wp-content\uploads目录,删除
类似
HotNewspro.zip的压缩包,全新安装。 如果担心之前的设置会丢失,可以在删除之前版本前,
打开
主题设置
页面
,保留不要关闭,安装新版后,返回保留的设置
页面
,点击一下保存设置,随后再设置新版本的一些功能。另外,主题在安装微软雅黑系统中IE8以上或其它核心浏览器显示
效果
最佳。 ■ 主题设置面板 启用主题后,首先需进入主题设置面板,熟习各项功能控制,设置相关选项(如图)。不论是否设置了相关选项,必须点一次保存设置按钮,否则
页面
会有样式错误. ■ 颜色风格选择 主题集成灰、黑、红、蓝、绿、紫、白七种颜色的导航菜单风格,默认为灰色。 ■ 首页布局设置 首页有二种布局,分别为BLOG与CMS(杂志),适应不同内容展示的需求,默认为BLOG布局。 ■ CMS布局设置 通过查看右侧提取的分类ID,分别输入左右文章列表的分类ID数字,多个分类ID用半角英文","隔开,一定要区分全角与半角,包括分类ID数字,分类中如果无日志,将不会显示设置的分类。首页分类文章列表,自动排除上面已显示的最新日志,不支持父子分类和一篇文章属于多分类。 ■ 横向滚动图片模块 默认不显示,开启后,通过为文章添加自定义栏目,名称:recommend,值:可任意,添加什么都行,调用到该模块中。缩略图大小140×100px,同样需添加自定义栏目,名称:img,如图: 如果在编辑
页面
上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。 在2.7.1版本中可以切换到显示
视频
日志。 ■ 顶部热点文章设置 默认调用四篇最新文章,缩略图支持WP特色图像、添加自定义栏目、自动获取文章中图片、随机缩略图等,也可以切换到Key模式,分别添加自定义栏目,名称:hot和image,调用指定文章及缩略图,缩略图大小236×155px具体方法看下图: ■ 侧边推荐栏目设置 此模块为主题自带小工具,需添加显示的的分类ID并为分类添加描述。 ■ 特色图片功能 该功能适合喜欢本地上传图片的童鞋使用,默认未开启。开启后,上传图片会自动生成三张裁剪后的140×100、400×248、236×155的缩略图,选择“作为特色图像”后(如下图),会自动调用到相应的缩略图位置。 ■ 导航菜单 主题顶部及页脚各有
一个
导航菜单,必须使用WP的“菜单”功能。顶部支持多级下拉菜单,底部不支持多级菜单,否则会造成错位。菜单功能使用教程:WordPress3.0导航菜单图文使用教程. PS:可以在菜单设置
页面
,
打开
右上的显示选项,选择显示的项目 ■ 热点推荐及幻灯设置 默认显示最新五篇日志,当有日志设置置顶后,将自动取消之前的最新日志调用,继而显示置顶后的日志。自动调用日志中的图片为缩略图,无图显示随机图片,支持上面的特色图片功能,并可通过添加自定义栏目“show”,显示指定的缩略图,推荐使用该方法专门制作缩略图,缩略图大小400×248px提高
页面
加载速度,如下图: ■ 主题自带小工具 主题集成侧边广告、站内搜索、最新文章、订阅本站、年度排行、随机文章、热门标签、全部分类、推荐栏目、推荐文章、最新评论、最新图片12个小工具,如下图左。可酌情拖进右侧不同的小工具中,如下图右,让不同
页面
显示不同的侧边小工具。 另外,主题自带的小工具功能设置,并没有直接写到小工具中(代码过于复杂),需要到主题设置中进行相应设置。 ■ 添加公告 启用主题后在左侧功能面板新增公告面板(如图),添加公告与正常添加日志文章没有什么区别,只是添加的公告不会显示在正常的文章列表中,只显示在底部固定的公告栏中。 ■ 添加相册 启用主题后,在后台左侧功能面板中新增相册面板,点击左侧相册面板中的添加图片。 1. 缩略图需添加自定义栏目:small,弹出暗箱放大后的图片,需添加自定义栏目:big,如下图: 注:必须添加自定义栏目:big,否则无法启用暗箱放大特效,包括使用特色图片功能。 如果在编辑
页面
上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。 2. 缩略图添加完成后,加入多张图片时,不需要将图片插入到日志中,只需随意输入
一个
词:比如:风景图片,然后选中输入的文字,点击编辑工具中的“插入或编辑
链接
”按钮,加入图片的超
链接
即可,提高
页面
加载速度,形式如下图: 另外,自定义栏目:big值中的大的图片
链接
就不要加入到日志中了,会造成重复显示。 3. 插入WP自带的相册。首先到主题设置→综合功能设置中,开启特色图像功能,之后正常上传图片(不少于2张),上传完成后,不要关闭上传窗口,点击保存所有更改,这时上边出现相册菜单按钮,
打开
相册选项卡进入插入相册
页面
(如下图),选择
链接
缩略图到图像文件,相册列数选择4,点击插入相册,选择其中一张上传的图片作为特色图像,并添加添加自定义栏目:big,值为:大图片的
链接
地址
。 [ 查看最终
效果
] 4. 由于发表的相册图片,不会显示在正常的
页面
中,所以需要在相册面板中新建
一个
相册分类,并将发表的图片划归到这个分类中,便于添加调用到“导航菜单”中,方便浏览者查看。 ■ 添加
视频
启用主题后,在后台左侧功能面板中新增
视频
面板,与上面添加相册使用方法相似,只不过添加的自定义栏目:big,值为:获得的
视频
Flash
链接
地址
而已,如下图: 注:部分站点的
视频
在IE浏览器下关闭弹出暗箱时可能会提示错误,无法解决,,包括
优酷
、Ku6等,请使用非IE核心的浏览,比如:火狐、chrome、Opera等浏览器。
视频
Flash
链接
地址
获取方法: 除一些提供分享代码的
视频
的网站,基本所有基于Flash播放器的
视频
网站都可获取其
视频
播放
地址
腾讯
视频
格式为:http://static.video.qq.com/v1/res/qqplayerout.swf?f=3&vid=j0090FAoXzv 把后面红色部分替换为正常打腾讯
视频
地址
栏“=”号后面的一组数字 ■ 缩略图 主题有四种方法调用显示缩略图: 1. WP自带的特色图像功能,不支持外链,使用方法参考上面的“特色图片功能”。不推荐使用此方法,因为上传一张图片会同时生成三张尺寸不一的缩略图,浪费空间,也不利于以后的管理。 2. 直接获取日志中插入的第一张图片作为缩略图,优点:支持外链,使用方便,缺点:无裁剪,插入日志中的图片尺寸较大,直接调用为缩略图,
一个
页面
同时加载显示十几张200、300K的图片,
页面
打开
速度可想而知,其它任何优化都会化为泡影,建议一般情况下不要使用该方法。 3. 添加自定义栏目,调用指定的图片,推荐此方法。喜欢弄图片,还是老老实实制作单独的缩略图为上,找个简单的图片处理软件,裁剪一下图片尺寸,也不是什么难事,可以提高
页面
加载速度。 常用的缩略图显示在首页及分类文章列表
页面
,添加自定义栏目名称:thumbnail,值为:缩略图
链接
地址
,尺寸:140×100px。 4. 无图显示随机缩略图。 如果在编辑
页面
上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。 ■ 分类图标 将分类别名修改为英文或拼音,然后使用FTP软件进入空间后台wp-content\themes目录,将主题HotNewspro\images\caticon目录中的小图标名称改为对应的分类别名,并到主题设置中开启分类图标功能。 另外,如果固定
链接
格式是默认的,点击图标会显示404
页面
。 推荐两种固定
链接
格式: /%category%/%post_id%.html或者/%postname%.html ■ Google自定义搜索 默认为WP自带的搜索,如果认为功能太弱,可以在主题设置中开启Google自定义搜索,然后添加
一个
页面
,右下
页面
属性“模板”中选择“谷歌搜索”模板,最终搜索结果将显示在这个
页面
中,只需在主题设置中输入搜索结果
链接
页面
及自已的搜索ID即可,默认是我的。附:Google自定义搜索操作方法 ■ 代码高亮 主题集成了代码高亮样式,可以不用插件
实现
多种语言的代码高亮显示。 使用方法:不用插件
实现
WordPress代码高亮显示 ■ 图片暗箱特效 使用主题集成的图片暗箱放大特效,插入图片时需注意:本地上传“
链接
URL”应选择
链接
到“文件URL”,外链需将图像
链接
到图像,否则不会启用暗箱特效,不喜欢用这个特效,可以到主题设置中关闭。 WordPress 3.5版分别为:
链接
到“媒体文件”和图像URL ■ 背景 主题支持WP自定义背景功能。
打开
背景设置
页面
,可以通过上传图片或选择
一个
颜色改变主题背景风格,可惜受主题圆角图片限制,只能使用与浅灰色相近的图片及颜色,如图: ■ 顶部 主题支持WP自定义顶部图片功能。使用前需到主题设置中关闭顶部热点文章,然后
打开
顶部设置
页面
,上传图片,并适当剪裁,如图。如果不使用自定义顶部图片功能,最好点击“移除顶部图片”,以免
页面
加载多余的图片。 ■ 独立
页面
模版 主题集成了blog、友情
链接
、读者墙、谷歌搜索、文章归档、近期留言、联系方式、我的商铺、RSS聚合、热门标签等7个独立模板。可以新建
一个
页面
,右下
页面
属性→模板中选择
一个
相应的模版,发布后添加到导航菜单中。 其中,联系方式模版,需
打开
HotNewspro\includes目录form.php模版,把里面的邮箱
地址
改成自己的。 ■ 留言板 这个真没有,呵呵!虽然主题集成了近期留言独立模板,不过该
页面
不能留言,如果你想弄个什么留言板,那就新建
一个
页面
,起个标题名称叫“留言板”就行了,让大家在这个没有任何意义的
页面
死劲留言吧! ■ 通栏分类模版 主题中有
一个
模板文件名称为:category-414.php,将后面的数字414改成某个分类的ID,再
打开
这个分类就会以通栏的样式显示该分类。 ■ 增强文章编辑功能 后台文章编辑时,
实现
所见即可所得,与前台浏览排版样式相同,包括集成的代码高亮显示。 ■ 添加文章来源 这个东西一直是本人自己用的,虽然很早就集成在主题中,但从未写过使用方法,主要用于转载文章时,尊重原文作者而增添的功能。 如果文章是自己写的:添加自定义栏目:original,值:自已的名字或
链接
地址
什么都行 如果是转载自其它站点的文章:添加自定义栏目:reprinted,值:原文章的
链接
地址
。 ■ 密码保护的文章 默认有密码保护的文章,部分内容会显示出来。可以在文章编辑框下的摘要中随意输入一些内容即可。 ■ 下载
链接
按钮 在编辑日志时,在适当位置分别加入短代码: {url href="http://zmingcx.com/"]下载
地址
[/url] {demo href="http://zmingcx.com/"]主题演示[/demo] 自行修改其中的http://zmingcx.com/
链接
及文字。 注:将代码中前面的"{"改为“[” ■
页面
关键字及描述 首页 主题设置中添加网站关键字及描述 分类列表
页面
,直接调用分类描述为该分类的
页面
描述,无关键字。 标签
页面
,直接调用标签名称为描述
页面
文件,需为该
页面
分别添加自定义栏目: 名称:description,值为:该
页面
描述 名称:keywords,值为:该
页面
关 ■ 需手动修改的 联系方式模版默认邮件
地址
,
打开
HotNewspro\includes目录中的form.php模版,将其中的电子邮件
地址
改为自己的。 ▲ 注意事项 ■ 主题很多功能都需要添加自定义栏目
实现
,如果在编辑
页面
上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。 ■ 公告、相册、
视频
采用自定义文章发布类型功能,这是WP3.0后新增的功能,国外商业主题大量采用,国内免费主题中却很少见到,不过通过上述功能发表的日志在更换主题后,将不能浏览查看,在后台也看不见。 ■ 添加WP程序自带的小工具,必须添加标题,否则会造成侧边及底部
页面
错位。 ■ 正确显示评论楼层号,需登录后台→设置→讨论设置
页面
中,勾选“分页显示评论”。 ■ 如果在
打开
公告、相册、
视频
等日志时,显示“对不起!这个真没有!”404错误
页面
,可以登录后台→设置→固定
链接
设置
页面
,随意改一下固定
链接
格式,然后再改回自己正常用的固定
链接
格式,可以消除这个错误,不行就反复多改几次。 ■ 主题大部分功能可在主题设置中加以控制,但另有少部分功能,需手动修改模版文件才能正常使用,所以建议使用notepad++或EmEditor文本编辑 软件修改模版后,通过FTP软件上传覆盖原文件,或者在Wordpress后台外观→编辑中修改模版文件,切记不能用操作系统自带的记事本修改中文模板, 否则会改变模版编码造成主题错位(中文模版编码为:UTF-8 无BOM)。 ■ 主题自带最新图片小工具,不支持添加自定义栏目的图片,只支持采用特色图片功能添加的图片。可以到主题设置中开启固定的侧边最新图片。 ■ 由于种种原因Gravatar头像可能经常不显示,可以参考:直接从www.gravatar.com主站加载Gravatar头像修改程序默认的服务器,或者启用头像缓存插件:推荐几款Gravatar头像缓存插件 ■ 如果想在文章列表中显示指定的摘要,可以在文章编辑
页面
下面的“摘要”中输入摘要内容,如无“摘要”项目,在右上显示选项中将其调出来,CMS分类列表不支持该功能。 ■ 如果启用主题后首页只显示导航菜单及
一个
标题,说明你的主机不支持主题文字截断函数mb_strimwidth,最有可能的原因是,主机空间缺少mb_string extension(Linux主机)及php_mbstring.dll(WIN主机)扩展服务,可以要求空间商
打开
。 ■ 使用图片及
视频
模版,需进入后台---设置---阅读---博客
页面
至多显示文章数要小于16篇,否则会造成翻页错误。 ■ 可选参数 ■ 默认情况下,主题集成的最近留言小工具,不显示已登录者的留言,可以
打开
HotNewspro\includes\widget目录中的r_comments.php,查找并删除:AND user_id='0' ■ 开启博主个性化头像。主题具备博主留言头像区别于其他留言者头像功能。默认ID为1的注册用户头像比其他人的要小一些。如果不知道自己的ID,可进入数据库查看wp_users表,并修改functions.php中user_id == 1的数字1。 还可以用
替换 并将一张大小为48×48的图片放到主题的images目录中,替代自己的Gravatar头像,比如我目前的头像
效果
。 主题专用插件 必须安装主题包中的WP-PostViews 1.61 版插件(修改版) WP-PostViews插件设置:进入WP-PostViews插件设置
页面
,去掉Views Template:%VIEW_COUNT% views 中的红色部分。 下载的主题包文件说明:主题HotNewspro.zip、插件wp-postviews.zip(修改版)、PSD源文件.zip,解压后分别上传主题和插件. 下载
地址
( 34,853 次 ) 已停止下载,新版本请移步到:WordPress CMS主题:HotNews Pro Plus
基于Python
实现
的一款轻量、强大、好用的
视频
处理软件,可缩
视频
、转码
视频
、倒放
视频
、合并片段、根据字幕裁切片段、自动配字幕等
在这个界面,你可以使用许多 ffmpeg 预设,对音
视频
进行处理,比如说:我想将手机上录制的
视频
压制下,减小它的大小,那么只需要:先在输入1框输入待压制的
视频
文件(此时会自动生成输出文件名),再在右侧预设列表选择H264压制预设(此时会自动生成总命令),最后点击底部的运行按钮,就会启动压制了。还有啊,转格式是基本操作!输出框的后缀名填什么,就会输出对应的格式!
SSM仿腾讯
视频
APP 毕业设计程序源码96410
本文以java为开发技术,
实现
了
一个
仿腾讯
视频
APP。仿腾讯
视频
APP的主要使用者分为管理员和用户,用户端:首页、网站公告、新闻资讯、用户反馈、
视频
中心、我的;管理员端:后台首页、系统用户管理、
视频
类型管理、
视频
标签管理、
视频
中心管理、观看记录管理、系统管理、留言管理、通知公告管理、资源管理等功能。通过这些功能模块的设计,基本上
实现
了整个仿腾讯
视频
APP的过程....
SSM仿腾讯
视频
APP 毕业设计-附源码96410
本文以java为开发技术,
实现
了
一个
仿腾讯
视频
APP。仿腾讯
视频
APP的主要使用者分为管理员和用户,用户端:首页、网站公告、新闻资讯、用户反馈、
视频
中心、我的;管理员端:后台首页、系统用户管理、
视频
类型管理、
视频
标签管理、
视频
中心管理、观看记录管理、系统管理、留言管理、通知公告管理、资源管理等功能。通过这些功能模块的设计,基本上
实现
了整个仿腾讯
视频
APP的过程。 具体在系统设计上,采用了B/S的结构,同时,也使用Android技术在动态
页面
上进行了设计,后台上采用Mysql数据库,是
一个
非常优秀的仿腾讯
视频
Firefox
视频
下载利器:Video DownloadHelper与Companion App 1.3.0实战指南
Video DownloadHelper作为一款主流浏览器
视频
抓取工具,广泛应用于Firefox、Chrome等平台,其核心功能是智能识别网页中隐藏的
视频
资源。插件通过JavaScript注入与网络请求监听技术,实时捕获HTML5
页面
中的
标签及动态加载的媒体流,支持MP4、WebM、FLV等多种格式的一键下载。它突破了浏览器默认的资源限制机制,利用事件驱动模型监控DOM变化和XHR/Fetch请求,精准提取真实
视频
URL。对于普通直链
视频
,插件可直接发起下载;
JavaScript
87,991
社区成员
224,688
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章