Iframe中定位内框网页

作者:乔夫  分类: 网事悠游  日期:2009-11-17  4 条评论  

假使我们需要内框一网址,但只是想显示页面中的某一位置,怎么办呢?当然前提是被内框的页面我们动不了,那么就只有在 Iframe 本身上想办法。对 Html 说到底还是不熟悉,用 Vspace 和 Hsapce 定义半天无果,搜索了一下感觉也不是那么回事。最后只有求救于 CSS。

方法很简单,比如我 Iframe 本站,只想显示 Logo 部份。

第一步,我就只建一个 Logo 大小的 DIV:

<div id="iframeBox" style="overflow: hidden; width: 200px; height: 70px;"><div></div></div>

然后将 Ifrmae 放入 DIV 中,在页面内框进来的同时,定义内框的左右边距:

<iframe src="http://ichov.com" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" style="margin: -60px 0 0 -50px; width: 500px; height: 500px;"></iframe>

Read more »

HTML 5 预览

作者:乔夫  分类: 网事悠游  日期:2008-1-24  暂无评论,你来说两句呗?  

网络是不断的进化的. 新的和有创意的网站每天都在出现, 从各方面都在冲击着HTML的边界. HTML 4来到我们身边已经差不多有10年了, 发行者们不断的寻求提供更强大的功能的新技术, 但是常会因为标记语言和浏览器的约束而路途坎坷.

为了给作者们提供更灵活, 更具互操作性, 能有更多交互性并令人振奋的网站和应用程序, HTML 5 引入并加强了一系列功能, 包括表单控制, 应用程序接口(APIs), 多媒体, 结构化和语义化.

HTML 5的工作, 开始于2004年, 在 W3C HTML WG 和 WHATWG 的共同努力下现在正在全面贯彻落实. 很多关键角色参与了W3C的努力, 最具代表性的是4大浏览器厂商: Apple, Mozilla, Opera, Microsoft; 还有一系列的有着不同利益和专业技术的其他机构以及个人.

编写详细规范的工作还在进行中, 离完成还有很长的路要走. 同样的, 在这篇文章中讨论的功能不排除在未来有所改动的可能. 这篇文章只是以大纲的形式介绍一些在当前的草案中的主要的特性.

更多详细内容 >>..

将图片转换成HTML代码

作者:乔夫  分类: 网事悠游  日期:2007-8-9  暂无评论,你来说两句呗?  

http://neil.fraser.name/software/img2html/

可以将图片转换成HTML代码,与验证码生成图片不同,这个大抵原理是把图片按象素转换成表格,然后通过背景色填充,从而组合成一张图片。所以,虽然效果不错,但代码何其多,有点繁琐,图片太大的话会被拖死,所以有限制。不过,总得来说,方法不错,值得借鉴。

关于iframe的透明背景

作者:乔夫  分类: 网事悠游  日期:2005-3-17  暂无评论,你来说两句呗?  

注意:以下效果必需 IE5.5 以上版本才支持

在transparentBody.htm网页标签中,加入了style=”background-color=transparent” 通过以下四种IFRAME的写法可以使 iframe 背景透明:

&lt;iframe ID=&quot;Frame1&quot; SRC=&quot;transparentBody.htm&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame2&quot; SRC=&quot;transparentBody.htm&quot; allowTransparency=&quot;true&quot; STYLE=&quot;background-color: green&quot;&gt; &lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame3&quot; SRC=&quot;transparentBody.htm&quot;&gt;&lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame4&quot; SRC=&quot;transparentBody.htm&quot; STYLE=&quot;background-color: green&quot;&gt; &lt;/iframe&gt;