当前位置:  编程技术>WEB前端
本页文章导读:
    ▪网页下拉菜单被flash动画遮住      我们在网页中插入flash时,通常使用下面的代码: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="960" height="2.........
    ▪网站开发必备——12款响应式 Lightbox(灯箱)效果插件        灯箱效果(Lightbox)是网站中最常用的效果之一,用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目,随着响应式设计(Respnsive Design)的发展,这一先进理念也被引入.........
    ▪Docverter – 文本文件轻松转换为 PDF,Docx 和 ePub 文件        Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目,使您的文档能够进行完美的转换。借助一个简单的 HTTP API ,把使用 HTML,Markdown, 或者 LaTeX .........

[1]网页下拉菜单被flash动画遮住
    来源:    发布时间: 2013-11-06

我们在网页中插入flash时,通常使用下面的代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="960" height="258">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<embed src="/blog_article/banner.swf" width="960" height="258" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" wmode="transparent"></embed>
</object>

但是如果有下拉菜单或漂浮层在其区域时会被flash遮住,设置z-index不起作用,解决的办法是:

IE:添加 <param name="wmode" value="transparent"> 语句;

FF: 火狐里FLASH是用EMBED实现的,所以在<embed>里加wmode="transparent" 即<embed wmode="transparent" 其他参数>

最终代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="960" height="258">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<embed src="/blog_article/banner.swf" wmode="transparent" width="960" height="258" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>
</object>

 

本文链接


    
[2]网站开发必备——12款响应式 Lightbox(灯箱)效果插件
    来源:    发布时间: 2013-11-06

  灯箱效果(Lightbox)是网站中最常用的效果之一,用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目,随着响应式设计(Respnsive Design)的发展,这一先进理念也被引入了 Lightbox 插件之中。

  这篇文章挑选了12款优秀的响应式 Lightbox(灯箱)效果插件分享给大家,这些插件能够帮助你在网站加入引人注目的灯箱效果。

您可能感兴趣的相关文章
  • 12款经典的白富美型 jQuery 图片轮播插件
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 推荐几款非常棒的 jQuery 全景图片展示插件
  • 分享30个最佳 jQuery Lightbox 效果插件
  • 精心挑选优秀的 JavaScript 日历和时间插件

 

1.JackBox

这款响应式灯箱效果插件包含社会化媒体分享功能,效果精美!主要特色:

  • ✓  支持Retina屏幕
  • ✓  可以分享到 Twitter、Facebook、Pinterest 和 Google+
  • ✓  支持移动设备的触摸滑动
  • ✓  能够全屏展示
  • ✓  可以自定义缩略图显示

插件下载     效果演示

 

2.Flare

非常优秀的一款基于 jQuery 的响应式 Lightbox 效果插件!主要特色:

  • ✓  支持展示视频
  • ✓  支持缩略图模式
  • ✓  支持移动设备的触摸滑动
  • ✓  支持全屏显示
  • ✓  有完善和文档和使用教程

使用简单,示例代码:

<a data-target="flare" href="/blog_article/large_image.jpg" data-flare-scale="fit" >
<img src="/blog_article/small_image.jpg" alt="small image" />
</a>

插件下载     效果演示

 

3.fancyBox 1

fancyBox 是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能。主要特色:

  • ✓  能够显示图片、HTML元素、SWF影片、iframe框架和Ajax请求的内容
  • ✓  可以通过配置和 CSS 自定义外观和功能
  • ✓  一组内容可以实现导航
  • ✓  支持滚动事件驱动浏览
  • ✓  在放大项目下方有漂亮的投影

插件下载     效果演示

 

4.fancyBox 2

全新版本的 fancyBox,以优雅的方式浏览图片并能够进行缩放。

完全的响应式设计,能够快速响应浏览器的尺寸变化。主要特色:

  • ✓  响应式设计
  • ✓  集成幻灯片功能
  • ✓  漂亮的图片切换效果
  • ✓  文档完整,使用简单
  • ✓  支持高度自定义

插件下载     效果演示

 

5.MetroBox

MetroBox 响应式灯箱效果插件内置评论功能,主要特色:

  • ✓  每项内容都带有评论框
  • ✓  能够轻松分组展示
  • ✓  支持移动设备的触摸滑动
  • ✓  使用 Ajax 方式加载
  • ✓  支持所有的 HTML 内容

插件下载     效果演示

 

6. Foobox

Foobox 是一款 WordPress 插件,能够在网站中实现响应式图片灯箱展示,内置社会化媒体分享功能。

精美示例:

  • ✓  响应式设备
  • ✓  WordPress相册
  • ✓  NextGen示例
  • ✓  剧中的图片网格

插件下载     效果演示

 

7.Shadowbox

Shadowbox 是一个基于Web 的多媒体应用程序,支持网络上所有主流的媒体格式。

支持高度定制,使用 handleOversize 参数可以实现对浏览器尺寸的自适应,主要特色:

  • ✓  不依赖于框架,能够独立使用
  • ✓  支持用户高度自定义
  • ✓  使用灵活,可以呈现各种多媒体格式。
  • ✓  整洁、紧凑、轻量
  • ✓  能够很好的播放多媒体

插件下载     效果演示

 

8.YoxView

另外一款响应式 Lightbox 插件,界面精美,使用 MIT 许可协议,对于开发者来说是个好消息。

 

9.Colorbox


    
[3]Docverter – 文本文件轻松转换为 PDF,Docx 和 ePub 文件
    来源:    发布时间: 2013-11-06

  Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目,使您的文档能够进行完美的转换。借助一个简单的 HTTP API ,把使用 HTML,Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX,PDF,RTF 和 ePub 格式文件。

您可能感兴趣的相关文章
  • 使用 Toolbar.js 实现超酷的 Tooltip 风格工具栏
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 使用 ThreeSixty 创建 360 度全景图片预览效果
  • 精心挑选的美轮美奂的 jQuery 图片特效插件
  • 令人印象深刻的 jQuery 模态框插件 – iLightBox

 

  当你做一个 API 请求的时候,Docver​​ter 接收你输入的文件并通过 pandoc(无可比拟的文件转换系统)运行它们。根据你的输出选择,Docver​​ter 可以通过一个定制的HTML-> PDF转换器或电子书转换器生成需要的文档格式。然后,Docver​​ter 会把精美的文档返回给你。Docver​​ter 是开源软件,可以在你自己的硬件上运行它,或在 Heroku 上。

 

 

官方网站         源码下载

 

您可能感兴趣的相关文章
  • 使用 Toolbar.js 实现超酷的 Tooltip 风格工具栏
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 使用 ThreeSixty 创建 360 度全景图片预览效果
  • 精心挑选的美轮美奂的 jQuery 图片特效插件
  • 令人印象深刻的 jQuery 模态框插件 – iLightBox

 

本文链接:Docverter – 文本文件轻松转换为 PDF,Docx 和 ePub

编译来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源

本文链接


    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3