我正在创建一个类似于uservoice小部件的小部件,除了我希望页面的内容在iFrame中,而不是通过javascript显示小部件.我怎么能有一个整页(宽度/高度100%)iFrame与固定在浏览器左侧的div,一个例子(使用javascript而不是css/html)在这里:http://uservoice.com/demo
我希望该小部件在页面上本地显示,并通过iFrame加载内容.
有任何想法吗?我不能让iFrame填满整个页面,并且还显示在顶部.我玩过Z-index而没有运气.代码示例:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style>
#widget {
left: 0px;
position: absolute;
top: 50%;
display: block;
z-index:100001;
width: 25px;
}
#content {
z-index:1;
}
</style>
</head>
<body>
<div id="widget">
widget
</div>
<iframe frameborder="0" id="content" src="http://www.google.com/" width="100%" height="100%"></iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我有一个跨度,例如:
<p>Here is a sentence <span id="rotate">this</span> is what changes</p>
Run Code Online (Sandbox Code Playgroud)
并且我希望该范围的内容在术语列表之间每隔几分钟改变一次,因此内容可能会变为:
<span id="rotate">then</span>
<span id="rotate">thus</span>
Run Code Online (Sandbox Code Playgroud)
等等.我希望文本淡出然后新文本淡入.
什么是通过jquery做到这一点的最好方法?