求代码高手!网站切图首页。。。
发布网友
发布时间:2022-04-30 14:43
我来回答
共5个回答
热心网友
时间:2022-04-19 08:54
下载源代码就可以了
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="x-ua-compatible" content="IE=Edge">
<!--[if lt IE 7]> <html lang="en-US" class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en-US" class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en-US" class="lt-ie9"> <![endif]-->
<meta charset="utf-8" />
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<link rel="canonical" href="http://www.goldmansachs.com/"/>
<!--
-->
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Goldman Sachs</title>
<LINK REL="shortcut icon" HREF="/favicon.ico" TYPE="image/x-icon" />
<link rel="stylesheet" href="/a/pgs/css/reset.css" type="text/css" media="screen,print">
<!--
-->
<!--
-->
<script>
var GS = GS || {};
GS.navURL = "/sitemap/index.html";
GS.siteView = "Desktop";
</script>
<link rel="stylesheet" href="/a/pgs/css/prod/gs.w3c.css" type="text/css" media="screen,print">
<link rel="stylesheet" href="/a/pgs/css/prod/gs.nav.css" type="text/css" media="screen">
<link rel="stylesheet" href="/a/pgs/css/prod/gs.responsivedesign.css" type="text/css" media="screen">
<link rel="stylesheet" href="/a/pgs/css/prod/gs.print.css" type="text/css" media="print">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/a/pgs/css/prod/gs.browser.ie.css" type="text/css" media="screen">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="/a/pgs/css/prod/gs.browser.ie.8.css" type="text/css" media="screen">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="/a/pgs/css/prod/gs.browser.ie.7.css" type="text/css" media="screen">
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" href="/a/pgs/css/prod/gs.browser.ie.6.css" type="text/css" media="screen">
<![endif]-->
<link rel="stylesheet" href="/a/pgs/css/prod/gs.transition.css" type="text/css" media="screen">
<script src="/a/pgs/js/prod/gsAll.js" type="text/javascript"></script>
<script src="/a/pgs/js/prod/gs.slider.js" type="text/javascript"></script>
<script src="/a/pgs/js/prod/gs.transition.js" type="text/javascript"></script>
<script src="/a/pgs/js/prod/lib/jquery.touchSwipe-1.2.4.js" type="text/javascript"></script>
<!--
-->
<!--[if IEMobile]><link rel="stylesheet" href="/a/pgs/mobile/css/gs.mobile-ie.css" type="text/css" media="screen"><![endif]-->
<style type="text/css">
</style>
</head>
<body id="homepage" class="top-level">
<script type='text/javascript'>
var ebRand = Math.random()+'';
ebRand = ebRand * 1000000;
//<![CDATA[
document.write('<scr'+'ipt src="http://bs.serving-sys.com/BurstingPipe/ActivityServer.bs?cn=as&ActivityID=191868&rnd=' + ebRand + '"></scr' + 'ipt>');
//]]>
</script>
<noscript>
<img width="1" height="1" style="border:0" src="http://bs.serving-sys.com/BurstingPipe/ActivityServer.bs?cn=as&ActivityID=191868&ns=1"/>
</noscript>
<div id="wrapper">
<script type="text/javascript" src="/a/pg/js/prod/gs-analytics-init.js"></script>
<script type="text/javascript">
gsAnalytics.accountName = "gspubweb";
gsAnalytics.siteName = "Goldman Sachs";
gsAnalytics.sectionName = "";
gsAnalytics.subSectionName = "";
gsAnalytics.subSubSectionName = "";
gsAnalytics.pageName = "";
</script>
<script type="text/javascript" src="/a/pg/js/prod/gs-analytics.js"></script>
<!--
-->
<!--
-->
<header>
<nav id="skiplinks">
<ul>
<li id="homelink"><a href="/index.html">Jump to site homepage</a></li>
<li><a href="#content">Jump to main page content</a></li>
<li><a href="#main-nav">Jump to main menu</a></li>
<li><a href="#footer">Jump to site-wide links</a></li>
</ul>
</nav>
<nav id="main-nav">
<ul id="global-nav-main">
<li>
<a href="/who-we-are/index.html">Who We Are</a>
</li>
<li>
<a href="/what-we-do/index.html">What We Do</a>
</li>
<li>
<a href="/our-thinking/index.html">Our Thinking</a>
</li>
<li>
<a href="/citizenship/index.html">Citizenship</a>
</li>
</ul>
</nav>
<form action="/search/search.gscgi" method="post">
<label for="searchBox">Search</label>
<input type="text" id="searchBox" name="query" placeholder="search" AUTOCOMPLETE="OFF"/>
<button>
<img src="/a/pgs/images/search-button.gif" alt="Search" />
</button>
</form>
<nav id="sub-nav">
<ul id="global-nav-sub">
<li>
<a href="/careers/index.html">Careers</a>
</li>
<li>
<a href="/investor-relations/index.html">Investor Relations</a>
</li>
<li>
<a href="/media-relations/index.html">Media Relations</a>
</li>
<li>
<a href="">Worldwide</a>
</li>
<li>
<a href="">Login</a>
</li>
</ul>
</nav>
</header>
<!--
-->
<!--
-->
<section id="content" class="homepage-grid">
<h1 class="hidden">Goldman Sachs</h1>
<article id="hero" class="hitArea grid2x1 imageOnly ">
<figure>
<img src="/homepage/touts/images-for-touts/progress/hologic-hero-tout2.jpg" alt="" class="articleImg" />
<figcaption>
<h2><a href="/our-firm/progress/hologic/index.html">Hologic</a></h2>
</figcaption>
</figure>
</article>
<article class="hitArea grid1x1 grid1-grad1 ">
<figure>
<img src="/homepage/touts/images-for-touts/alison-mass-private-equity.jpg" alt="" class="articleImg" />
<figcaption>
<h2><a href="/our-thinking/trends-in-our-business/investment-banking/mass/index.html">Trends in Investment Banking: Private Equity</a></h2>
<p>Alison J. Mass, co-head of the Financial Sponsors Group in the Investment Banking Division at Goldman Sachs, discusses the evolution of private equity and some of the major trends expected to shape the instry going forward.</p><a href='/our-thinking/trends-in-our-business/investment-banking/mass/index.html' class="view">WATCH VIDEO</a></figcaption>
</figure>
</article>
<article class="hitArea grid1x1 grid1-grad2 ">
<figure>
<img src="/homepage/touts/images-for-touts/hari-400x185.jpg" alt="" class="articleImg" />
<figcaption>
<h2><a href="/careers/blog/index.html">Visit Our Careers Blog</a></h2>
<p>Get information about our firm, and learn about our people and career opportunities.
</p><a href='/careers/blog/index.html' class="view">READ MORE</a></figcaption>
</figure>
</article>
<article class="hitArea grid1x1 grid1-grad3 ">
<figure>
<img src="/homepage/touts/images-for-touts/cranes-growth-markets.jpg" alt="" class="articleImg" />
<figcaption>
<h2><a href="/our-thinking/focus-on/growth-markets/patel/index.html">Intersections Between the Developed and Growth Markets</a></h2>
<p>Sheila Patel, CEO of International Goldman Sachs Asset Management, explains how common concerns and new opportunities are connecting emerging and developed markets.</p><a href='/our-thinking/focus-on/growth-markets/patel/index.html' class="view">WATCH VIDEO</a></figcaption>
</figure>
</article>
<article class="hitArea grid1x1 grid1-grad4 ">
<figure>
<img src="/homepage/touts/images-for-touts/10kw-hp-madhu.jpg" alt="" class="articleImg" />
<figcaption>
<h2><a href="/citizenship/10000women/meet-the-women-profiles/madhu-profile.html">Meet Madhu: A 10,000 Women Graate from India</a></h2>
<p>Madhu, a design studio owner in India, has grown her revenue by more than 200% and expanded her company's workspace to increase proction capacity since graating Goldman Sachs <em>10,000 Women</em> program.</p><a href='/citizenship/10000women/meet-the-women-profiles/madhu-profile.html' class="view">Read more</a></figcaption>
</figure>
</article>
</section>
<!--
-->
<!--
-->
<!---->
<script type="text/javascript">
var GS = GS || {};
GS.Navigation = GS.Navigation || {};
GS.Navigation.parentPage = 'com/index.html';
</script>
<footer>
<!--
-->
<ul>
<!--
-->
<!--
-->
<!--
-->
<li class='mobile-hidden'><a href='/privacy-and-security/'>Privacy and Security</a></li>
<!--
-->
<li><a href="/terms-of-use/">Terms of Use</a></li>
<li><a href="/regulatory-disclosures/">Regulatory Disclosures</a></li>
<!--
-->
<li class='mobile-hidden'><a href='/sitemap/'>Site Map</a></li>
<!--
-->
<!--
-->
<li class='mobile-hidden'><a href='/index.html?view=mobile'>Mobile View</a></li>
<!--
-->
<!--
-->
<li class='mobile-hidden'><a id='feedback-link' href='#'>Feedback</a></li>
<!--
-->
</ul>
<p>© Copyright 2013 Goldman Sachs, All Rights Reserved</p>
<!--
-->
<section class="social-connect">
<ul class="social-items">
<li class="*"><a href="https://*.com/goldmansachs" target="_blank">Goldman Sachs Twitter</a></li>
<li class="linkedin"><a href="http://www.linkedin.com/company/goldman-sachs" target="_blank">Goldman Sachs LinkedIn</a></li>
<li class="*"><a href="http://www.*.com/user/GoldmanSachs" target="_blank">Goldman Sachs *</a></li>
</ul>
</section><!--
-->
</footer>
<script type="text/javascript">
try {
var a = "mailto:", b = "GSWebSiteFeedback", c = "@", d = "gs.com?", e = "subject=", f="Goldman Sachs Web site Feedback";
jQuery('#feedback-link').attr('href', a + b + c + d + e + f);
} catch (e) {alert(e)}
</script>
</div>
<!--
-->
</body>
</html>
这是用html5写的,你把标签改一下,再在相应的CSS里面修改就好了追问你这是拔下来的。。。
我想要自己写的。。。
这个网站的好处是 手机也能用。。。
他用html5 写的。。。
但是 我只是想要个简单的代码的。。。不用html5.。。。手机的不用实现。。。
热心网友
时间:2022-04-19 10:12
这网站的代码写的很好啊,各种兼容性判断都做的很到位,我自认自己写的可比不过。建议把里面外链的css、js文件全部复制出来,按照代码中的路径存好,应该就能在本地静态的实现了追问嗯。。这个网站挺炫的。。
兼容还可以。。
手机也能用。。。
主要是他用html5写的。。。
我只想用简单的div+css实现。。。。
不用在手机上看。。。
追答炫的效果,就是要靠html5+css3+js才能实现啊,不用这些恐怕就没那么炫了,至少我不知道还有什么办法,呵呵
热心网友
时间:2022-04-19 11:47
免费帮你做肯定是没有人的,毕竟这是辛苦费也是要钱的
热心网友
时间:2022-04-19 13:38
你是想让别人给你写个么 怎么给你?追问嗯~是的
追答嗯 主要是没时间 您这问题 还没结束啊
热心网友
时间:2022-04-19 15:46
小妞,不会吧!!!!我刚做了个一样的,是不是咱参考的是一个网站呢,哈哈。发你邮箱了,赶紧看看是这种不!