sda
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!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 runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="css/StyleSheet.css" />
<script type="text/javascript" src="js/jquery-1.2.6-vsdoc-cn.js"></script>
<script type="text/javascript" >
var currentSection = "new-pane"; // The default loaded section on the page
var tabTag = "-tab";
var paneTag = "-pane";
function changeStyle(event, link, scrollArea, offset) {
$("#toolbar>li,.active").attr("class", "inactive");
var selectHref;
if (window.event) {
var ovent = window.event;
selectHref = ovent.srcElement;
}
else {
var oEvent = arguments[0];
selectHref = oEvent.target;
}
selectHref.parentNode.className = "active";
// ScrollSection(link, scrollArea, offset);
}
function ScrollSection(link, scrollArea, offset) {
// Store the last section, and update the current section
if (currentSection == link) {
return;
}
lastSection = currentSection;
currentSection = link;
// Change the section highlight.
// Extract the root section name, and use that to change the background image to 'top', revealing the alt. state
sectionTab = currentSection.split("-")[0] + tabTag;
document.getElementById(sectionTab).className = "active";
if (lastSection) {
lastTab = lastSection.split("-")[0] + tabTag;
document.getElementById(lastTab).className = "inactive";
}
// Get the element we want to scroll, get the position of the element to scroll to
theScroll = document.getElementById(scrollArea);
position = findElementPos(document.getElementById(link));
// Get the position of the offset div -- the div at the far left.
// This is the amount we compensate for when scrolling
if (offset != "") {
offsetPos = findElementPos(document.getElementById(offset));
position[0] = position[0] - offsetPos[0];
}
scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");
// return false;
}
function findElementPos(elemFind) {
var elemX = 0;
var elemY = 0;
do {
elemX += elemFind.offsetLeft;
elemY += elemFind.offsetTop;
} while (elemFind ==elemFind.offsetParent)
return Array(elemX, elemY);
}
var scrollanim = { time: 0, begin: 0, change: 0.0, duration: 0.0, element: null, timer: null };
function scrollStart(elem, start, end, direction) {
//console.log("scrollStart from "+start+" to "+end+" in direction "+direction);
if (scrollanim.timer != null) {
clearInterval(scrollanim.timer);
scrollanim.timer = null;
}
scrollanim.time = 0;
scrollanim.begin = start;
scrollanim.change = end - start;
scrollanim.duration = 25;
scrollanim.element = elem;
if (direction == "horiz") {
scrollanim.timer = setInterval("scrollHorizAnim();", 15);
}
else {
scrollanim.timer = setInterval("scrollVertAnim();", 15);
}
}
function scrollHorizAnim() {
if (scrollanim.time > scrollanim.duration) {
clearInterval(scrollanim.timer);
scrollanim.timer = null;
}
else {
move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
scrollanim.element.scrollLeft = move;
scrollanim.time++;
}
}
function scrollVertAnim() {
if (scrollanim.time > scrollanim.duration) {
clearInterval(scrollanim.timer);
scrollanim.timer = null;
}
else {
move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
scrollanim.element.scrollTop = move;
scrollanim.time++;
}
}
function sineInOut(t, b, c, d) {
return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<hr>
<!-- The Toolbar -->
<ul id="toolbar">
<li id="new-tab" class="active" style="background-image: url('img/toolbar_tab-new.png')" onclick="changeStyle(event,'new-pane', 'scroller', 'new-pane')"><a href="#new-pane" title="New in Coda 1.6">New!</a></li>
<li id="sites-tab" class="inactive" style="background-image: url('img/toolbar_tab-sites.png')" onclick="changeStyle(event,'sites-pane', 'scroller', 'new-pane')"><a href="#sites-pane" title="Sites">Sites</a></li>
<li id="files-tab" class="inactive" style="background-image: url('img/toolbar_tab-files.png')" onclick="changeStyle(event,'files-pane', 'scroller', 'new-pane')"><a href="#files-pane" title="Files">Files</a></li>
<li id="editor-tab" class="inactive" style="background-image: url('img/toolbar_tab-editor.png')" onclick="changeStyle(event,editor-pane', 'scroller', 'new-pane')"><a href="#editor-pane" title="Editor">Editor</a></li>
<li id="preview-tab" class="inactive" style="background-image: url('img/toolbar_tab-preview.png')" onclick="changeStyle(event,'preview-pane', 'scroller', 'new-pane')"><a href="#preview-pane" title="Preview">Preview</a></li>
<li id="css-tab" class="inactive" style="background-image: url('img/toolbar_tab-css.png')" onclick="changeStyle(event,'css-pane', 'scroller', 'new-pane')"><a href="#css-pane" title="CSS">CSS</a></li>
<li id="more-tab" class="inactive" style="background-image: url('img/toolbar_tab-more.png')"onclick="changeStyle(event,'more-pane', 'scroller', 'new-pane')"><a href="#more-pane" title="More">More</a></li>
</ul>
<hr>
</div>
<div id="frame"><!-- Contains the forward/back buttons, hides the scrollbar -->
<div class="button" id="left"></div>
<div id="scroller"><!-- Contains the horizontal scrollbar -->
<div id="content"><!-- Very wide to contain all the sections side-by-side -->
<div class="section" id="new-pane"><!-- New in this version -->
<table style="width: 100%; font-size: large;">
<tr>
<th>
第一列
</th>
<th>
第二列
</th>
<th>
第三列
</th>
</tr>
<tr>
<td>
new
</td>
<td>
new
</td>
<td>
new
</td>
</tr>
<tr>
<td>
new
</td>
<td>
new
</td>
<td>
new
</td>
</tr>
<tr>
<td>
new
</td>
<td>
new
</td>
<td>
new
</td>
</tr>
<tr>
<td>
new
</td>
<td>
new
</td>
<td>
new
</td>
</tr>
<tr>
<td>
new
</td>
<td>
new
</td>
<td>
new
</td>
</tr>
</table>
</div><!-- end div.section#new-pane -->
<!-- Sites -->
<div class="section" id="sites-pane">
<table style="width: 100%; font-size: large;">
<tr>
<th>
第一列
</th>
<th>
第二列
</th>
<th>
第三列
</th>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
</table>
</div>
<!-- Sites -->
<div class="section" id="files-pane">
<table style="width: 100%; font-size: large;">
<tr>
<th>
第一列
</th>
<th>
第二列
</th>
<th>
第三列
</th>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
<tr>
<td>
特斯图
</td>
<td>
特斯图
</td>
<td>
特斯图
</td>
</tr>
</table>
</div><!-- end div.section#files-pane -->
<!-- Editor -->
<div class="section" id="editor-pane">
<table style="width: 100%; font-size: large;">
<tr>
<th>
第一列
</th>
<th>
第二列
</th>
<th>
第三列
</th>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
</table>
</div><!-- end div.section#editor-pane -->
<!-- Preview -->
<div class="section" id="preview-pane">
<h2>Preview for reals.</h2>
<p>You’re writing code; you want to see what it looks like. Thanks to <strong>Apple’s WebKit</strong>,
we’ll show your site exactly as it looks like in Safari, even as you
type. Working on a file on a remote server? We’ll update the preview
automatically the moment you hit “Save”. The hardest part? Breaking
your old habits!</p>
<h3>Visualize your layout.</h3>
<p>Turn on Coda’s “DOM Inspector” to get a <strong>visual look at your site’s element hierarchy</strong>.
Hover over an element to see how it fits in the page as a whole. The
DOM trail in the bottom bar offers an instant glance at how your page
fits together.</p>
<h3>Javascript console, too.</h3>
<p>If
your Javascript occasionally has a bug or two or 162, Coda’s Preview
can help you out with its built-in Javascript console, showing you
relevant errors and line numbers. It even supports console.log(), the
best debugging thing created since ever.</p>
<h4 class="hide">Screenshots</h4>
<ul class="screenshots">
<li></li>
</ul>
</div><!-- end div.section#preview-pane -->
<!-- CSS -->
<div class="section" id="css-pane">
<table style="width: 100%; font-size: large;">
<tr>
<th>
第一列
</th>
<th>
第二列
</th>
<th>
第三列
</th>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
<tr>
<td>
了似的
</td>
<td>
了似的
</td>
<td>
了似的
</td>
</tr>
</table>
</div><!-- end div.section#css-pane -->
<!-- More -->
<div class="section" id="more-pane">
<h2>And yes, much much more.</h2>
<p>It's hard to overstate how many little bonuses Coda holds. Here are a few more things we think you'll love.</p>
<h3>Terminal: built right in</h3>
<p>OK,
it's not very sexy. In fact, it's quite the opposite. But Coda is all
about the little things that make your web development a squidgeon
easier. If you need to SSH into a server and run some MySQL queries, or
restart Apache, or debug PHP, you need a Terminal. We've got one.</p>
<h3>Books: we give you some, you add your own.</h3>
<p>We've built in the <strong>The Web Programmer's Desk Reference</strong>,
a $60 value, from No Starch Press. We made it searchable, even tying
the reference into the editor itself, so you can jump from code to
documentation when you need to. And now in Coda 1.5, you can add your
own web books, accessible at any time. Just point Coda to your favorite
reference website. Even add a cover!</p>
<h4 class="hide">Screenshots</h4>
<ul class="screenshots">
<li></li>
<li></li>
<li></li>
</ul>
</div><!-- end div.section#more-pane -->
</div><!-- end div#content -->
</div><!-- end div.scroller -->
<div class="button" id="right"></div>
</div><!-- end div#frame -->
</form>
</body>
</html>
浙公网安备 33010602011771号