模仿win7透明效果的静态页面

最新推荐文章于 2020-02-05 14:37:51 发布
最新推荐文章于 2020-02-05 14:37:51 发布
阅读量1.1k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css 文章标签： 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wujiang1984/article/details/7593396
本文介绍了一种模仿Windows 7透明效果的静态网页设计方案，实现了背景图片自适应及头部和底部透明效果，并且提供了源码下载。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

模仿win7透明效果的静态页面

先看一下效果图:

1.现了背景图片自适应浏览器大小、分辨率。

2.头部框和底部框透明，换掉背景图片即可完成其他样子的变换。

3.头部框和底部框自适应浏览器大小、分辨率，完美固定位子。

源码下载:

 http://download.youkuaiyun.com/detail/wujiang1984/4322590

ym——android源码大放送（实战开发必备）
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
2017年最牛逼的分类Android项目源码免费一次性打包下载！
热门推荐
源码分享的博客
03-29 2万+
之前发过一个帖子，但是那个帖子有点问题我就重新发一个吧，下面的源码是我从今年开始不断整理源码区和其他网站上的安卓例子源码，目前总共有810套左右，根据实现的功能被我分成了100多个类，总共接近2.5G，还在不断更新。初学者可以快速方便的找到自己想要的例子，大神也可以看一下别人的方法实现。虽然的例子都是我一个人辛辛苦苦花了很多时间和精力整理的，但是既然这些例子是来自于社区那就让他们免费回归社区吧，（...
模拟 window7 的运行窗口
06-05
模拟 window7 的运行窗口 实现运行的命令
HTML+CSS+Javascript 模仿WIN 7任务栏
11-15
个人一时好奇，就使用javascript模拟了一个win 7 的任务栏，比较粗糙，但是我觉得创意还是不错的！ 有高手的话，我推荐让微软在发布win 8 之前，使用网页的形式让大家先体验一下。
Windows7窗口模拟插件——小七(Seven)
02-20
关于小七 项目名称：小七 / Seven 当前版本：2.0 项目作者：夜末 关于兼容： 小七兼容除IE6以外的所有浏览器 开源许可证：Apache 小七(Seven)使用Apache开源许可证。 您可以随意修改和使用小七(Seven)的源码，但在您修改或使用的过程中，请遵循Apache开源协议。这意味着当您修改或再次分发小七(Seven)的源码时，必须保留原作者版权信息。 什么是小七 ？ 小七是一款基于JQuery的窗口界面模拟插件,它可以帮助WEB开发者提高开发效率及用户体验，并利用窗口的优势提供多任务同时操作的用户界面。 小七的愿景 小七是免费开源的项目，之所以选择开源是因为我希望可以和广大开发者一起分享、完善小七，让小七从基础窗口框架变成WEB OS。 我为什么开发小七？ 这还得追溯到两年前开发的一个项目，那个项目的具体名称和用途我已经记不清了，我只记得当时在做后台界面时突然觉得很繁琐，每次写后台都得先做界面，而且一般的框架(frame)界面也只能运行单个任务，用户体验也不是很好。于是我决定开发小七，一个基于WEB的窗口框架，使WEB开发者可以专注于内容，这样不仅可以提高开发效率和用户体验还可以利用窗口的优势提供多任务同时操作的用户界面。 小七的用途 小七可以用于大部分的WEB界面开发，比如后台管理主页开发、表格展示、聊天窗口构建等等...
VC实现半透明对话框的代码(VC2005) 2011.11.01
lingxiu0613的专栏
11-01 806
OnInitDialog() { ...... SetWindowLong(this->GetSafeHwnd(),GWL_EXSTYLE, GetWindowLong(this->GetSafeHwnd(),GWL_EXSTYLE)^0x80000); HINSTANCE hInst = LoadLibraryW(L"User32.DLL"); if(hInst) {   t
PS 如何制作WIN7的玻璃化透明窗口效果
weixin_33728268的博客
03-20 913
1 绘制一个圆角矩形，并将不透明度设为16%以及添加投影效果  2 再次添加外发光效果  3 新建一个图层，再填充一下这个圆角矩形（可以填充为任意颜色，只要和别的颜色区分开来）  4 选中这个区域，扩展一个像素。  5 在新图层中填充为白色并把这个白色的图层拉到下面，可以发现有一点点的边缘高光。  6 扣掉这个咖啡色区块（白色图...
【Ogre编程入门与进阶】第四章 Ogre的设计理念与特色
Everything is possible
01-09 3960
4.1 Ogre的设计理念 Ogre内部结构非常的复杂，它是一个庞大的对象和模块的集合，Ogre具有很好的封装性，绝大多数的细节对程序员来说是透明的，即系统底层的细节都被封装起来，程序员无需知道具体的细节是什么，只需要简单的调用Ogre提供给我们的函数接口就可以实现我们想要实现的功能。对于OpenGL或者Direct3D这种底层API来说，是不具备这种封装性的，如果想要利用OpenGL或者Dir
Android 上千实例源码分析以及开源分析
吧主
04-12 9385
Android 上千实例源码分析以及开源分析（百度云分享） 要下载的直接翻到最后吧，项目实例有点多。 首先 介绍几本书籍(下载包中)吧。 01_Android系统概述 02_Android系统的开发综述 03_Android的Linux内核与驱动程序 04_Android的底层库和程序 05_Android的JAVA虚拟机和JAVA环境 06_Android的GUI系统 07_A
《果壳中的C# C# 5.0 权威指南》 (09-26章) - 学习笔记
GATTACA2011
02-05 1734
《果壳中的C# C# 5.0 权威指南》 ========== ========== ========== [作者] (美) Joseph Albahari (美) Ben Albahari [译者] (中) 陈昇 管学理 曾少宁 杨庆川 [出版] 中国水利水电出版社 [版次] 2013年08月 第1版 [印次] 2013年08月 第1次 印刷 [定价] 118.00元 ========== =...
Win7简易模拟Win10的开始页面
一只特立独行的羊
05-19 7914
Win7简易模拟Win10的开始页面
[原]利用CSS3实现模拟一个windows7桌面的页面
weixin_33994429的博客
06-29 593
利用CSS3的border-radius和box-shadow可以很容易的实现一个类似Windows7的桌面效果的页面，效果如图 主要是圆角的设计，透明设计，参考css3实战地5章的类容，马马虎虎做了一下午，只有样式，没有事件，一个html文件，一个css文件。源码以下： simuWin7.html: 1 <html> 2 <head> 3 ...
[Win32 & GDI+Flat] 用分层窗口实现简单仿Aero透明效果
zuishikonghuan的博客
09-01 8015
本博文由优快云博主zuishikonghuan所作，版权归zuishikonghuan所有，转载请注明出处： 首先说一下GDI+Flat：我有写过一个GDI+Flat的系列博客，一共有10篇，都是顺着的，这是第一篇：GdiplusFlat（1）GDI+平面API：用GDI的思想进行GDI+编程，有兴趣的可以看一看。因为本篇中的绘图函数都是用的GDI+Flat，因此我们需要自己声明函数，自己
如何将psd文件切图并布局html
吴蒋wujiang
05-24 1万+
如何将psd文件切图并布局html 文章内容:如何将psd文件，切割导出图片并插入到html代码中。 内容对象:适合初学未入门的布局者。  下面来介绍下如何将PSD切片，然后加入到HTML的简要步骤: 上图是一个用ps打开的PSD文件。接下来的工作就是将图片切割成一个小的图片，加入到HTML中。 切图的方法有很多种,这里先介绍2种: 1.       使用矩形选框工具(快捷
制作了一个仿淘宝的tab框
吴蒋wujiang
05-31 4258
制作了一个仿淘宝的tab框 分享一下最终果如图:实现代码如下: 吴蒋 公告 规则 安全中心 论坛 公益 公告内容1 规则内容2 安全内容3 论坛内容4
让IE6也识别CSS3-圆角效果应用border-radius
吴蒋wujiang
06-20 1056
不多说了上效果先: 这个圆角效果不是通过背景图片来实现的是通过CSS3的一个属性border-radius，但是IE是不兼容的那面引用一下ie-css3.htc，这样IE6都能使用这个属性了。附上代码: 更多请关注http://cnblogs.com/wujiang , http://blog.youkuaiyun.com/wujiang1984 .box { background-i
计算机科学知识体系全面整理与系统归纳项目-包含数据结构与算法分析计算机网络协议详解操作系统原理剖析数据库系统设计编译原理实现计算机组成结构软件工程方法论人工智能基础.zip
最新发布
08-23
计算机科学知识体系全面整理与系统归纳项目_包含数据结构与算法分析计算机网络协议详解操作系统原理剖析数据库系统设计编译原理实现计算机组成结构软件工程方法论人工智能基础.zipAI工具在开发实践中的应用
分享获取的学校主页静态页面
静态页面与动态页面相对，动态页面的内容会根据用户的交互或服务器端的逻辑而发生变化。 2. 静态页面的特征： 静态页面的URL通常不包含查询字符串或参数，这意味着它们不会对服务器发出额外的请求来获取新的内容。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值