时间:2015-03-26 来源:

固定位置的Js悬浮窗口 【移动开发】

<!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>Fixed固定位置的悬浮</title>
<style>
* { font-size:12px; font-family:Verdana, body { margin:0px; padding:0px; overflow:hidden; }
.b { margin:0px; padding:0px; overflow:auto; }
.line0 { line-height:20px; background-color:lightyellow; padding:0px 15px; }
.line1 { line-height:18px; background-color:lightblue; padding:0px 10px; }
.w { position:absolute; right:10px; bottom:10px; width:160px; height:240px; overflow:hidden; border:2px groove #281; cursor:default; -moz-user-select:none; }
.t { line-height:20px; height:20px; width:160px; overflow:hidden; background-color:#27C; color:white; font-weight:bold; border-bottom:1px outset blue; text-align:center; }
.winBody { height:218px; width:160px; overflow-x:hidden; overflow-y:auto; border-top:1px inset blue; padding:10px; text-indent:10px; background-color:white; }
</style>
</head>
<body>
<div class="w">
<div class="t">Demo Win - Fixed</div>
<div class="winBody">Hello world</div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</div>
</body>
<script>
//测试用,网页切图价格i--;
(window.onresize = function(){
w.style.width = d.documentElement.clientWidth + "px";
w.style.height = d.documentElement.clientHeight + "px";
})();
}
</script>
</html>
点击次数:2284
作者:
web前端行业资讯
Web new NewsList
Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日苹果经典电脑Lisa源代码修复完成将于2018年开源 ,,2017年12月28日腾讯浏览指数发布年终榜单2017年人们都关注哪些AI话题? ,,2017年12月28日除了发现开普勒90,NASA还靠AI做了什么? ,,2017年12月28日柯洁宣布:明年4月,将再次与围棋AI交锋 ,,2017年12月28日百度无人车美国首秀CES将发布Apollo2.0 ,,2017年12月28日这四种技术发展趋势将在2018年改变世界 ,,2017年12月28日2017:谷歌DeepMind团队的年度回顾 ,,2017年12月28日封杀这个公式,AI智商将为零 ,,2017年12月28日微软AI高管:要让所有人、所有机构都用上人工智能 ,,2017年12月28日为什么Linux桌面年一直未到来 ,,2017年12月28日AppleLisa操作系统将开源 ,,2017年12月28日2018年9大技术趋势预测 ,,2017年12月28日谷歌研究院发布NIMA:能评价图像有多美,还能让图像变得更美 ,,2017年12月28日苹果为2019年iPhone开发大容量电池新技术 ,,2017年12月28日谷歌发布Tacotron2:能更简单地训练AI学习演讲 ,,2017年12月21日TensorFlow漏洞爆发背后:关于AI安全我们的傻与天真 ,,2017年12月21日Android端Edge浏览器新版发布:常规性能优化和BUG修复 ,,2017年12月21日三星开发出全球最小的DRAM芯片技术领先优势扩大 ,,2017年12月21日腾讯绝艺AI下一步将学习AlphaGozero自对弈训练 ,,2017年12月21日Facebook社交VR应用Spaces扩大覆盖面:入驻HTCVive ,,2017年12月21日设计图曝光:三星双屏折叠手机原来是这样的 ,,2017年12月21日微信支付和支付宝已成为世界移动支付的"老师" ,,2017年12月21日新专利表明FaceID未来有望装备在iPad、MacBook和iMac等设备 ,,2017年12月21日首批九个建议加入EE4J的项目 ,,2017年12月21日这就是SurfacePhone?微软可折叠手机概念图曝光 ,,2017年12月21日继“Angel”开源后,腾讯又开放TDinsight机器学习平台 ,,2017年12月21日MyEclipse数据库教程:查看和编辑数据表【编程语言】2015年03月12日JAVA学习笔记(三十三)-字节流转换为字符流 【综合】2015年03月30日AndroidContinuousIntegration 【综合】2015年04月13日HDU4604.Deque——nlogn求最长上升子序列的长度【编程语言】2015年05月29日解析shell排序的实现代码2014年01月30日leetCode52.N-QueensII(n皇后问题II)解题思路和方法 【移动开发】2015年07月16日超精美的Vista主题VistaAnthracitePack2014年01月29日androiddownload学习记录【系统运维】2014年12月17日12558-EgyptianFractions(HARDversion)(IDA*算法) 【架构设计】2015年08月05日HDU1875畅通工程再续(克鲁斯卡尔_最小生成树)【移动开发】2015年08月16日javascript打印内容方法小结2014年01月29日intent跳转时添加动画效果实例 【云计算】2015年05月11日hdu1071Thearea高数积分求面积~~~~小水题~~ 【编程语言】2015年03月11日装饰者模式 【编程语言】2015年05月05日Struts2之访问和添加request、session、application属性【系统运维】2015年06月24日cpan安装Net::SSH::Perl中遇到的一些问题2014年01月29日DICOM:DICOMPrint服务详细介绍 【研发管理】2015年04月24日新手如何构建一个入门级入侵检测系统2014年01月28日HDU1061.RightmostDigit【数论及方法】【8月30】 【编程语言】2015年09月04日Spring学习笔记——Spring事务只对运行时异常回滚 【系统运维】2015年08月24日媲美Siri,Android版Speaktoit可免费下载 ,,2016年06月29日你每天想看精心挑选的图片吗?这里有,快来,,,【编程语言】2015年07月09日英汉对照报关常用缩写语2014年01月29日Access建表SQL语句CreateTable设置自动增长列的关键字AUTOINCREMENT使用方法 【编程语言】2015年08月30日超强文章2014年01月29日简易nginxloadbalance示例 【数据库】2015年02月27日关于Web设计中遇到的问题2014年01月28日数据结构专题小结:并查集 【综合】2015年04月09日lvchange的available参数 【云计算】2014年11月17日配置好的android开发环境带实例---Android开发实例教程一 【移动开发】2015年04月24日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)