仿 Windows 7 资源管理器风格的网页设计

最新推荐文章于 2021-06-17 18:15:49 发布
最新推荐文章于 2021-06-17 18:15:49 发布
阅读量1.6k 收藏
点赞数
分类专栏： 程序设计 文章标签： windows javascript ie 浏览器 iframe firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/evice/article/details/5193931
版权
本文介绍了如何利用CSS和JavaScript实现Windows 7风格的网页设计，包括半透明标题栏、粗边框和导航菜单。通过设置不同浏览器兼容的CSS样式实现半透明效果，并针对IE6使用JavaScript进行hack。同时，文章展示了如何制作导航菜单，以及解决IE6中鼠标事件穿透问题的方法。
摘要由CSDN通过智能技术生成

［用live writer发完，发现格式乱了，图片也看不到，你可以到http://www.liuhaifeng.com/2010/01/design-win7-alike-web-page.html 查看完整版］

 

Windows 7 的华丽界面吸引了不少爱美之人，我们网页上是否也可以做出类似的效果呢？答案当然是可以！事实上，我刚刚完成了这个设计，正好做个技术笔记。

我们要实现目标，主要是两部分，一是半透明的标题栏与粗边框，二是导航菜单。参考下图：

image Windows 7 资源管理器

半透明效果可以用一个额外的层来实现，这个层用CSS定义为半透明。当前主流的浏览器都支持半透明样式，但写法不一样。不过没关

最低0.47元/天 解锁文章
evice
关注
专栏目录
CSS,JS - 仿windows资源管理器选择框
qq_24296409的博客
06-19 744
模仿Windows的文件选择框，使用Javascript和CSS完成。
类似windows资源管理器的js
03-01
类似windows资源管理器的js 博文链接：https://qaybpljplj.iteye.com/blog/225463
html5模仿windows资源管理器,仿windows资源管理器
weixin_39915171的博客
05-31 1027
【实例简介】非常实用的入门程序，Windows资源管理，调取资源图片，鼠标右键新增、删除、修改文件夹和文件。【实例截图】【核心代码】#region 添加我的电脑TreeNode myComputer = new TreeNode();DirectoryClass myCom = new DirectoryClass();myCom.Name = "我的电脑";myCom.IsDirectory =...
Win7仿Win8资源管理器(Better Explorer).rar
07-09
不需要安装 Windows 8 也可以使用 Ribbon 风格的资源管理器啦!Better Explorer这个小工具特别适合喜欢折腾 UI 体验的童鞋们。 Better Explorer 使用 Visual Studio 2010 Ribbon 技术开发。除支持当前系统资源管理器的所有功能外，还可以使用 Ribbon 工具栏中的快捷按钮直接执行主要的文件操作。说白了就是一个山寨版的资源管理器。不过，他增加了多标签(Tabs)浏览功能，这还算是一个亮点。 这个小工具当前正在开发、测试当中，作者承诺将跟进 Windows 8文件管理器的开发，提供更多新功能并逐步完善。不过，这东东确实是用来“看”的，等到作者开发完成的那一天，也许我们已经换新操作系统了…… 友情提示一下，Better Explorer 是个人开发，暂时没有简体中文语言支持，不过用来尝鲜还是不错的。另外，他只支持 Windows 7/Vista SP2，同时还需要安装 Visual C 2010 库和 .NET Framework 4.0。 该项目的主要目标是： - 添加 Ribbon控制的用户界面，像在Windows 8中(执行)- 添加选项卡的功能与使用标准IE浏览器控制(实施)- 添加额外的功能，如：改变Library的图标(Library的“条件”选项卡)(已实施)文件与文件和文件夹的操作(执行)同步命令promt更改文件夹图标(文件夹的“条件”选项卡)扩展跳转列表支持(Windows 7)(已实施)扩展搜索窗格在Vista(Windows7)的延伸，就像搜索条件“选项卡”。
visual c++ vc制作仿windows资源管理器web视图界面.zip
01-26
visual c++制作仿windows资源管理器web视图界面.zip
仿windows资源管理器风格的jQuery复选框美化插件
12-11
folderselect.js是一款基于jQuery的复选框美化插件，其设计灵感来源于Windows资源管理器的界面风格。该插件的主要特点是将数据结构以文件夹的形式进行展示，这在处理层次化数据时非常有用，如目录树或组织结构。用户...
仿vista风格后台管理网页模板
01-05
综合以上内容，我们可以了解到，"仿vista风格后台管理网页模板"是一种结合了Vista设计元素的网页设计资源，适用于快速构建后台管理系统。使用此模板，开发者和设计师可以省去大量设计工作，同时确保页面的美观和易用...
XP Menu 仿QQ菜单、仿XP资源管理器左侧菜单
06-08
【标题】"XP Menu 仿QQ菜单、仿XP资源管理器左侧菜单" 是一个JavaScript库，主要用于在网页中实现类似Windows XP系统中的菜单效果，同时结合了QQ菜单的设计风格，提供了一种美观且用户友好的界面体验。这种菜单通常...
jQuery仿WINDOWS7电脑系统蜘蛛纸牌游戏代码
06-10
总的来说，“jQuery仿WINDOWS7电脑系统蜘蛛纸牌游戏代码”是一个将jQuery、CSS3与JavaScript相结合的实例，展示了如何利用这些技术来创建交互性强、视觉效果好的网页应用。开发者可以通过研究这个项目，深入理解...
递归生成菜单html,一段递归生成类似Windows资源管理器一样效果的树状菜单的代码...
weixin_39737233的博客
06-05 144
function turnit(ss,ii,aa){if (ss.style.display=="none"){ss.style.display="";aa.style.display="";ii.src="minus.gif";}else{ss.style.display="none";aa.style.display="none";ii.src="plus.gif";}}function on...
Win7仿Win8资源管理器工具better-explorer.rar
09-19
界面完全模仿Ribbon风格的Win8资源管理器，但比系统自带的资源管理器要强大些，支持多标签功能，能大大的提高效率，操作上跟系统的资源管理器没什么两样。 还没用上Win8的用户，不妨尝鲜下。Better Explorer 只支持Vista/Win7
资源管理器（仿WINDOWS）
01-18
用C#实现的资源管理器，仿照了WINDOWS界面，实现了基本的资源管理器功能。
实现了WEB界面上的简单文件管理器 用于通过浏览器管理服务器上的文件
01-05
通过WEB页面实现一个简单的文件管理器，可以使用浏览器来管理服务器上所有磁盘下的文件和目录。 实现：文件和目录遍历；文件和目录的删除（单选、多选）、改名；目录的建立；文件的上传下载，所有目录和文件对应图标的获取以及如何在WEB界面上显示。 开发环境：Visual Studio 2010 Ext.NET Pro: 2.0.0 WebForm组件 DotNet 4.0 详细的说明文档参看：http://blog.csdn.net/coldwind811201/article/details/8466756
Jsp文件操作— —简单设计一个Web浏览器的《文件管理程序》
weixin_42618684的博客
07-05 3889
人们在使用计算机的时候，经常利用资源管理器对文件和目录进行管理。本文的项目开发要设计一个简单的在线文件管理器，可以允许用户使用浏览器来管理文件和目录，通过指定的路径进行文件和目录的打开、创建、删除、显示属性等操作。总体设计：功能：1、创建一定路径下的目录和文件。2、删除一定路径下的目录和文件。3、浏览一定路径下的目录和文件属性。File类及相关属性：一、创建File对象要获取文件或目录的路径及相关...
html 实现资源管理器,HTML5,JavaScript：从外部窗口拖放文件(Windows资源管理器)
weixin_40006977的博客
05-30 361
这是一个非常简单的例子。它显示一个红色的方块。如果您将图像拖放到红色方块上，它将其附加到身体。我已经确认它在IE11，Chrome 38和Firefox 32中有效。有关更详细的说明，请参阅Html5Rocks文章。var dropZone = document.getElementById('dropZone');// Optional. Show the copy icon when dr...
PHP Web相片资源管理模块--JAlbum
Jaydon的博客
09-21 409
一个站点的资源管理总是很麻烦，我希望在站点里有一个像Windows的资源管理器一样好用的资源管理器对站点资源进行统一的管理。web内的资源管理和电脑上的资源管理有很多共同点和不同点。相同点有这个资源属于哪一个用户或组，资源的添加、修改、删除、查找等。有一个最大的不同点是电脑上的一个资源同事只有一个程序占用着它，而web上的资源就不一样一个资源可以同时被很多过页面占用。就比如说有一张图片A，两个页面1
html5类似资源管理器,Clover-给资源管理器加上类似谷歌浏览器一样好用的多标签页...
weixin_29013129的博客
06-17 216
我们平时在浏览网页时，同时打开多个网页浏览器可以让我们非常方便的使用标签进行切换，相比较传统的多窗口模式效率更高。事实上我们的电脑资源管理器也可以实现这一效果，Clover就是一款可以给windows资源管理器加上类多标签页的扩展，为其增加类似谷歌 Chrome 浏览器的多标签页功能。Clover与我们之前介绍过的Clover使用快捷键可以进一步提高我们的使用效率，你只需要记住Ctrl+T新开页面...
C# xml xsl javascript 的结合使用 web 程序模仿 windows 资源管理器
Stay Hungry || Stay Foolish
09-06 6484
 小弟最近用C#写了一个ASP.NET小应用,使用了一些XML和XSL技术,本应用主要是用ASP.NET应用来模拟一个Windows资源管理器一个窗体左边为动态加载的文件夹树状列表,而右边能查看某些类型的文件的内容 本网战使用了一些图片,请在相册中查找站点主页 index.htm 内容 基于Web的文件查看器
探索高仿Windows系统之家官方源码aspCMS的八大核心功能
资源摘要信息:"高仿Windows系统之家官方源码-通用下载系统 aspCMS 亲测没有任何问题" 1. 全局设置功能 全局设置功能通常是指在一个系统中设置一些全局性的参数，例如企业基本信息，这些信息将贯穿于整个系统的运作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值