精华内容
下载资源
问答
  • 文档名称 文档版本V1.0 文档状态新建 作 者雷五鸣 修订详细记录 版本 修订内容详述 修订人 修订日期 新建 雷五鸣 2010-4-30 目录 TOC \o "1-3" \h \z 目录 4 第1章 网页问题解决方案 5 1.1 WIN7网页问题 5 1.2 解决...
  • [用live writer发完,发现格式乱了,图片也看不到,你可以到http://www.liuhaifeng.com/2010/01/design-win7-alike-web-page.html查看完整] Windows 7 的华丽界面吸引了不少爱美之人,我们网页上是否也可以做出...

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

     

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

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

    image Windows 7 资源管理器

    半透明效果可以用一个额外的层来实现,这个层用CSS定义为半透明。当前主流的浏览器都支持半透明样式,但写法不一样。不过没关系,每种写法都写上,就可以兼容全部浏览器了。我用的代码(通过测试的浏览器为:IE6/xpsp2,IE8/win7, IE8兼容性视图/win7, Firefox3.5.7。如无特别说明,本代码均以这四种测试为准,其它浏览器不保证兼容)如下:

    filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

    其中第一个是IE里的写法,中间是firefox(mozilla)的写法,后面一个大概是标准写法了。我不是专业做HTML+CSS,所以也懒得去查了。

    单纯的透明效果很好做,但很快会发现,透明层里的子元素也透明了,即使你明确声明它为不透明。所以我前面是说用一个额外的层来实现。我的页面布局是这样的:最外面有一个wrap层,是所有内容的父层,它定义了页面的宽度和在浏览器中居中。在wrap层里,我加了ID为glass-bg的“额外层”,此层使用绝对定位(position:absolute;注意wrap层要使用相对定位:position:relative;)。两个层的CSS代码如下:

    #wrap{
    display:block;
    position:relative;
    margin:20px auto;
    padding:2px;
    width:960px;
    background:transparent none;
    }
    #glass-bg{
    position:absolute;
    z-index:-1;
    left:-4px;
    top:-4px;
    width:100%;height:100%;
    padding:3px;
    border-width:1px;
    border-style:solid;
    border-color:#BBBBBB #999999 #999999 #BBBBBB;
    background:#F0F0F0;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    }

    我们将glass-bg定位在wrap的(-4px, -4px)处。其宽高均为100%,因为宽高计算不包括padding,所以glass-bg实际尺寸比wrap大了一圈儿,这就是我们要的粗边框了(当然还有别的办法制造这个粗边框,比如wrap与glass-bg一样大,内部内容对齐时留出边距。另外此样式在IE6中无效,解决办法见下文中的JS hack)。

    此外最重要的就是“z-index:-1;”了,如不这样指定,此层就成了蒙在上面的半透明层,成了雾状效果了。用-1使此层处于内容元素的下方,这样内容元素即不会“起雾”,也不会半透明(与glass-bg没有父子关系)。效果参考:

    image 半透明标题栏与粗边框效果

    可是万恶的IE6不支持这个绝对定位的100%宽高,怎么办?这不是逼我用JavaScript么,还好问题很简单,只需要很短的代码:

    window.οnlοad=function(){
    	var wrap = document.getElementById("wrap");
    	var glass = document.getElementById("glass-bg");
    	glass.style.width=wrap.offsetWidth+"px";
    	glass.style.height=wrap.offsetHeight+"px";
    }

    上述代码只适用于页面大小不会动态改变的情况(大多数页面都不会动态改变,除非用JS做了一些局步更新之类),若您用JS做了会改变页面尺寸的操作,请自行写代码刷新玻璃层尺寸。

    导航菜单做起来也并不难,只是,万恶的IE中的万恶的IE6,老是逼我写JavaScript。本来可以用纯CSS来做出这个导航菜单的,偏偏IE6又不支持li:hover。

    导航菜单大致结构如下:

    IE6的JavaScript hack代码就是写在li标签中的那两句。相关的CSS没什么难度,无非是li元素横排;隐藏、显示子菜单层。横排可以用浮动,也可以用inline-block。IE6不支持inline-block,可以用zoom和inline模拟,通吃的代码如下:

    .inline-block{display:inline-block;zoom:1;*display:inline;}

    但是注意,IE6模拟出来的效果与真实的inline-block略有差异。inline-block默认会像其它inline的元素一样,把元素之间的空隙当作空格来计算,但IE6里模拟出来这个,是会忽略空格的。我们的菜单不需要空格,所以如果用inline-block,元素之间一定不要留间隙,回车也不行。

    你可能留意到class为shade的层,没错,跟前面讲的玻璃效果类似,这个是给菜单加个半透明的阴影。你还可能留意到一个iframe层,是的,又是被万恶的IE6给逼的。在IE6里,菜单弹出后,鼠标在菜单上滑动,如果滑到下方有链接元素(被菜单遮住)的位置,会触发mouseover使菜单消失。这个iframe层也是放在菜单下面,大小与菜单相同,它就相当于一个隔离层,会隔断下方热点的鼠标事件,因为iframe有着更高的优先级。

    看下效果吧:

    image 导航菜单效果图

    仿 Windows 7 资源管理器风格一点都不难,我这个外行人都搞定了。当然还有值得改进之处,比如我的导航菜单没有区分目录名与右边的三角,再如可以给glass-bg层指定一个背景图案,这样半透明的同时还有底纹。

    如果你想看下页面效果或是源码,可以访问:http://www.kaoly.com/all/

    转载请注明出处:http://www.liuhaifeng.com

    展开全文
  • Windows 7 旗舰 SP1 x64 Google Chrome 版本号: 63.0.3239.84 (64位) 当我清理缩略图缓存之后,Chrome就显示无标题,打开任何网页都是无标题,设置界面都是无标题。希望Dism++能...
  • 虽然该功能没有与iis7/7.5一起发布, 但通过一些简单的配置还是可以使用该功能,本文将介绍如何在iis7/7.5中配置iisadmpwd的web 应用. 注意 : 本文只是介绍如何在iis7/7.5中配置iisadmpwd的web 应用. 由于该功能已经...
  • Windows7_64位darknet之yolov3的安装与编译 CPU版本 1、下载并解压,github上的下载链接 文件位置放在了:F:\1wq_files\Target_detection\darknet-master PS:链接里的所有文件都要下载下来,建议使用谷歌浏览器打开...

    Windows7_64位darknet之yolov3的安装与编译 CPU版本

    1、下载并解压

    github上的下载链接https://github.com/pjreddie/darknet

    文件位置放在了:F:\1wq_files\Target_detection\darknet-master
    PS:链接里的所有文件都要下载下来,建议使用谷歌浏览器打开,网页加载速度很快

    在这里插入图片描述

    2、下载安装验证cygwin,点击参考文章网址

    2-1到Cygwin的官方网站下载Cygwin的安装程序http://www.cygwin.com/

    或直接使用下载链接来下载安装程序:http://www.cygwin.com/setup.exe
    (程序存放位置与上边darknet-master在同一级目录)

    2-2下载完成后,运行setup.exe->点击下一步,出现下图所示对话框

    在这里插入图片描述
    有三种安装模式:

    • Install from Internet,这种模式直接从Internet安装,适合网速较快的情况;

    • Download Without Installing,这种模式只从网上下载Cygwin的组件包,但不安装;

    • Install from Local Directory,这种模式与上面第二种模式对应,当你的Cygwin组件包已经下载到本地,则可以使用此模式从本地安装Cygwin。

    从上述三种模式中选择适合你的安装模式,这里我选择第一种安装模式,直接从网上安装,当然在下载的同时,Cygwin组件也保存到了本地,以便以后能够再次安装。选中后,点击“下一步”,

    2-3选择cygwin的安装目录,自定义安装位置为:F:\cygwin64,Install For选择All Users,点击“下一步”

    在这里插入图片描述

    2-4选择安装过程中从网上下载的cygwin组件包的保存位置,自定义位置:F:\1wq_files\cygwin_zujianbao,点击“下一步”,然后等待在这里插入图片描述

    2-5:选择连接方式

    为了获得最快的下载速度,我选择了阿里云镜像(http://mirrors.aliyun.com/cygwin/),add后点击下一步,然后等待
    在这里插入图片描述

    2-6:选择下载安装的组件包

    必选的五项binutils gcc gcc-mingw gdb make,具体组件包见下图红框部分,这些是必选组件包
    (这里我都选了最高的版本)
    在这里插入图片描述
    四项必选内容
    在这里插入图片描述
    在这里插入图片描述选完之后下一步 等待安装,安装完之后 会提示是否在桌面上创建Cygwin图标等。
    在这里插入图片描述在这里插入图片描述

    2-7:验证cygwin是否安装成功

    2-7-1运行cygwin,若(未保存在桌面的话,运行程序参考路径为F:\cygwin64\bin\mintty.exe)

    在弹出的命令行窗口输入:cygcheck -c cygwin
    会打印出当前cygwin的版本和运行状态,如果status是ok的话,则cygwin运行正常。
    在这里插入图片描述

    2-7-2依次输入gcc --version,g++ --version,make --version,gdb --version进行测试,如果都打印出版本信息和一些描述信息,即安装成功。如下图所示,即为安装成功。

    在这里插入图片描述

    2-8:将cygwin路径添加到环境变量中。

    鼠标右击,点击属性->高级系统设置->环境变量->在下边“系统变量”中找到Path,选中后点击“编辑”->在“变量值”一栏后边添加cygwin的路径,点击确定即可
    (本人cygwin的路径为F:\cygwin64)
    编辑Windows环境变量的流程图如下图所示:
    在这里插入图片描述

    3、修改darknet-master中的部分文件:

    3-1 .\Makefile文件中的

    EXECOBJA=captcha.o lsd.o super.o art.o tag.o cifar.o go.o  rnn.o segmenter.o regressor.o classifier.o coco.o yolo.o detector.o nightmare.o darknet.o 
    

    删除go.o

    3-2 .\examples/darknet.c文件

    给以下两行做注释:

    //extern void run_go(int argc, char **argv);
    

    //else if (0 == strcmp(argv[1], "go"))
    //{ run_go(argc, argv); }
    

    (在代码开头添加//即可)

    3-3 .\Examples\Go.c文件需要修改

    要加上“#include <sys/select.h>”头文件

    3-4在include/darknet.h

    添加头文件#include <time.h>

    4、编译darknet

    (注:编译darknet源码不能采用mingw,要采用cygwin,我首先安装的是mingw组件包,结果在编译时出现大量关于头文件的错误)

    4-1运行Cygwin64 Terminal(或F:\cygwin64\bin\mintty.exe)进入到darknet-master所在目录:

    参考代码:
    cd F:\\1wq_files\\Target_detection\\darknet-master
    注意输入的路径分割是\\ 或 / 否则会找不到目录,报以下所示的错误
    在这里插入图片描述

    4-2输入make 之后便开始编译,结束后,会产生darknet.exe、libdarknet.a、libdarknet.so文件和obj文件夹。(注:执行make前要先删除已存在的obj目录,第一次执行的话,忽略这句话即可)

    在这里插入图片描述
    注:下图所示的这种情况属于正常现象
    在这里插入图片描述
    编译完成后,输入./darknet 出现以下内容则表示编译成功
    在这里插入图片描述

    5、使用darknet

    Darknet的使用可参考如下官方网址:https://pjreddie.com/darknet/

    5-1下载预训练的模型并复制到darknet-master根目录下

    下载链接:https://pjreddie.com/media/files/yolov3.weights

    5-2在命令窗口 仍然是darknet-master目录下,运行如下命令

    ./darknet.exe detect cfg/yolov3.cfg yolov3.weights data/dog.jpg
    

    检测图在data目录下的dog.jpg

    显示以下内容则表示成功进行检测啦,检测结果在darknet-master目录下predictions.jpg,每进行一次检测,就会覆盖掉原来的predictions.jpg
    在这里插入图片描述
    打开predictions.jpg图片,结果即为:
    在这里插入图片描述

    完成~

    展开全文
  • 顶一个 据国外媒体报道,Mozilla...Windows 7用户带来了一大惊喜,因为该浏览器终于充分利用了微软最新操作系统的多点触摸输入功能,当然要想感受这一功能还需要显示器 支持多点触摸功能。如今网页开发者可...

       顶一个

     

       据国外媒体报道,Mozilla公司日前终于放出了火狐迷们期待已久的Firefox 4 beta 3版网络浏览器。据透露,从功能上来看Firefox 4 beta 3浏览器首先是给微软 Windows 7用户带来了一大惊喜,因为该浏览器终于充分利用了微软最新操作系统的多点触摸输入功能,当然要想感受这一功能还需要显示器 支持多点触摸功能。如今网页开发者可以通过写入代码来充分利用多点触摸显示屏输入界面,而不只是采用现有的鼠标 输入。

    Mozilla/火狐/Firefox

        除 了Windows 7平台的Firefox 4 beta 3获得了多点触摸输入功能更新之外,其他每个不同平台均获得了JavaScript引擎的升级,新的JavaScript引擎最重要的价值主要是表现在处 理海量数字代码的时候处理方式上所获得的提升。具体来看,新的JavaScript引擎不但在处理数学数字方面表现有所提升,而且在动画和图片处理里表现 也有所提升。其他方面,Firefox 4 beta 3浏览器目前可以原生支持34种不同的语言选项,完全可以覆盖当前所有主流的语言种类。

        与 早前的Firefox 4 beta版本一样,Firefox 4 beta 3浏览器在JavaScript存在大量跳出页面的时候网页渲染速度获得了相当明显的提升。另外一项新功能在于App Tabs即应用程序标签,另外Firefox 4 beta 3支持更多的HTML5功能以及WebM视频功能,并支持针对插件的防崩溃功能,比如说Flash插件的崩溃可以实现隔绝。另外Firefox 4 beta 3优化后的UI界面将网页标签放置到了浏览器窗口的顶部,这一点应该和Google Chrome比较类似。目前Mozilla方面已经同时放出了Linux,Mac以及Windows平台版本的Firefox 4 beta 3浏览器。

    转载于:https://www.cnblogs.com/wangzhanjianshe/archive/2010/08/18/2326828.html

    展开全文
  • 目前下载 Windows 7 SDK 的 DVD 或者 ISO 版本页面,通过网页搜索导航 Windows SDK and emulator archive 已经不可访问。仅能下载网络安装文件 winsdk_web.exe 来进行安装。 在下载 winsdk_web.exe 后,运行出现要求...

    安装操作平台是 Windows 7 系统

    目前下载 Windows 7 SDK 的 DVD 或者 ISO 版本页面,通过网页搜索导航 Windows SDK and emulator archive 已经不可访问。仅能下载网络安装文件 winsdk_web.exe 来进行安装。

    在下载 winsdk_web.exe 后,运行出现要求安装 .NET Framework 4 ,其跳转到 Download .NET Framework,下载 .NET Framework 4.0 Runtime 文件名 dotNetFx40_Full_setup.exe。

    注意,如果系统已经安装有比 .NET Framework 4.0 版本更高的 .NET Framework ,那么就无法安装 .NET Framework 4.0 的。只有卸载高版本后再安装 .NET Framework 4.0,.NET Framework 4.0 安装完成后再安装高版本。这样操作对已安装程序有何影响,未进行测试验证!!!

    再运行 winsdk_web.exe 安装报错失败,提示查看日志未分析到具体原因。最后查找到官方一个相关文档 Windows SDK Fails to Install with Return Code 5100 中提到原因可能是已经安装了 Visual C++ 2010 Redistributable :

    Cause
    This issue occurs when you install the Windows 7 SDK on a computer that has a newer version of the Visual C++ 2010 Redistributable installed. The Windows 7 SDK installs version 10.0.30319 of the Visual C++ 2010 Redistributable.

    根据文档提供的方法卸载 Visual C++ 2010 Redistributable 及更高版本的 Visual C++ 20xx Redistributable 。再重新运行 winsdk_web.exe 安装成功。但是成功后台又提示安装帮助文档库部分,这部分未安装成功(未再深入研究),应该不影响主体功能。 (未卸载 Visual C++ 2008 Redistributable)

    winsdk_web.exe 好像不仅可以安装,还可以修复、卸载。

    后经英文搜索查找,有英文版本的 DVD(ISO) Microsoft Windows SDK for Windows 7 完整安装包下载。
    File Name:

    • GRMSDK_EN_DVD.iso
    • GRMSDKIAI_EN_DVD.iso
    • GRMSDKX_EN_DVD.iso

    相关问题参考:
    Installation of Windows 7 SDK on Windows 10 failed

    展开全文
  • 只要windows可以安装IIS的版本都可以,至于安装方法就自己百度一下吧。 网站上新建一个网站,物理位置到文件夹,网页打开的时候需要IP地址闳域名加"/"加上你的HTML文件名。 如果打开网页错误,那么恭喜你,你的用户...
  • 微软为了推广windows phone,发布了全新的HTML5网站可以让iPhone和Android用户尝试一下Windows Phone(代号Mango 7.5)。 你不需要下载或者注册任何东西,你只需使用你得移动设备访问http://aka.ms/wpdemo网站即可...
  • 1.安装Python2.7 官网下载安装包python-2.7.amd64,对应64位。安装时没什么特别操作,安装后将python的安装路径添加到系统变量path中,步骤为程序->计算机->右键属性->... 官网声称.exe...
  • 微软官方提供的免费正版 Windows 8.1/Win10/7/XP/Vista 操作系统虚拟机镜像下载 https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ 相信做过网页开发/前端的同学都知道,测试各个浏览器的兼容性...
  • 为了装b,2009年9月1日,装b爱好者的我光荣的升级到了windows7操作系统,以前的我还是windowsXP和Windows7双系统,结果发现,很少进Windows7,而是一直进WindowsXP。这样,导致的可怕后果就是:小mm看到我屏幕的
  • 相信装了windows7 系统的用户会经常碰到一些网络方面的问题,特别是对于直接从xp升级到win7的用户,对于新的网络方式的诸多不适应。希望大家一起讨论解决如下问题: 装的WIN 7正式旗舰,一直使用正常,偶尔出现...
  • 在安装 Windows7的过程中,您的电脑将会重新启动,因此,如果您无法返回到此网页,您可借助打印副本来按步骤进行操作。 “升级”选项将把您的文件、设置和程序从 WindowsVista 移动至 Windows7。 介绍 ...
  • jQuery基于CSS3制作的仿WINDOWS7电脑系统蜘蛛纸牌游戏代码,非常经典的网页版纸牌接龙小游戏。
  • 为了装b,2009年9月1日,装b爱好者的我光荣的升级到了windows7操作系统,以前的我还是windowsXP和Windows7双系统,结果发现,很少进Windows7,而是一直进WindowsXP。这样,导致的可怕后果就是:小mm看到我屏幕的时候
  • IE9windows7.rar

    2019-10-09 16:20:09
    E9浏览器32位简体中文FOR WINDOWS7系统。IE9即Explorer9器,Windows7搭配IE9让你尽享网络之美,IE9能够为你带来更快速更流畅的用户体验,支持标准化的WEB以及HTML5技术,全新设计的界面对用户而言,更简洁,优化后...
  • 第六章 了解 Windows Phone 7 网页浏览器控件 – Part 1 第七章 了解 Windows Phone 7 网页浏览器控件 – Part 2 第八章 Silverlight for Windows Phone 7: Dotfuscator - 保护您的应用程式 第九章 Silverlight for...
  • 中文名: 网页快照软件 英文名: MetaProducts Inquiry Professional Edition 版本: v1.9.552 SR2 专业 多国语言 注册...操作系统:Microsoft® Windows XP, Windows 2003, Windows Vista, Windows 2008, Windows 7.
  • ★、本次更新破解去除了FlashPlayer锁区限制并跳转2344的页面广告,可正常播放网页视频, ★、增加两款64位AMD主控机型原生USB3.0、3.1的支持, ★、更新Intel SSD 4.3.0.1006固态硬盘驱动 ★、新增Intel SSD 660P/...
  • 被控制端支持的平台包括 windows系列(从 XP,WIN7, WIN8, WIN10)。 控制端支持原生客户端,也支持网页客户端。 网页客户端支持的浏览器包括Chrome,FireFox,Apple Safari,Microsoft Edge,Opera等具备现代功能...
  • Atom 官方发布消息,编辑器已支持 Windows 系统,提供 Windows 7 和 8 的构建版本。官方建议开发者通过 Chocolatey 安装以便于更新。 Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形...
  • 系统环境:Windows 7 专业,Python 3.7.0 - 2018-06-27,电脑上还有ArcGIS10.2自带的Python2.7版本。 最简单的安装方法可参考:https://blog.csdn.net/belong0204/article/details/70161344,这个网页我目前的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,257
精华内容 502
关键字:

windows7网页版