📄 index.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Easy Widgets jQuery plugin - Example 13</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Require basic Easy Widgets style -->
<link rel="stylesheet" type="text/css" media="screen" href="../../styles/jquery.easywidgets.css" />
<!-- Require Easy Widgets style for this sample -->
<link rel="stylesheet" type="text/css" media="screen" href="./example.css" />
<!-- Require jQuery -->
<script src="../../jscripts/jquery.min.js" type="text/javascript"></script>
<!-- Require jQuery UI width draggable stuff -->
<script src="../../jscripts/jquery-ui.min.js" type="text/javascript"></script>
<!-- Require Easy Widgets plugin -->
<script src="../../jscripts/jquery.easywidgets.js" type="text/javascript"></script>
<!-- Require the Javascript for this example -->
<script src="./example.js" type="text/javascript"></script>
</head>
<body>
<h1>
Easy Widgets jQuery plugin - Example 13
</h1>
<p>
Similar to the example 12, but show the behaviour of editbox close class.
Please open press the edit link of the Widget 1.
</p>
<!-- Above code not is part of the Easy Widgets plugin HTML markup -->
<!-- Begin Easy Widgets plugin HTML markup -->
<div>
<a onclick="$('.widget').show(); $.cookie('easywidgets-close', null); return false;"
href="#" title="Show hide widgets">Show hide widgets</a>
</div>
<div class="widget-column" id="widget-column-1">
<div class="widget movable collapsable removable editable closeconfirm" id="identifierwidget-1">
<div class="widget-head">
<strong>Widget 1</strong>
</div>
<div class="widget-editbox">
<p>
Edit the widget here
</p>
<p>
<a class="widget-close-editbox" href="#"
title="Save changes">Save changes</a>
</p>
</div>
<div class="widget-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut accumsan fringilla turpis. Lorem ipsum dolor.
</div>
</div>
</div>
<!-- /column1 -->
<div class="widget-column" id="widget-column-2">
<div class="widget movable collapsable removable editable closeconfirm" id="identifierwidget-1">
<div class="widget-head">
<strong>Widget 1</strong>
</div>
<div class="widget-editbox">
<p>
Edit the widget here
</p>
<form action="none">
<div>
<input type="button" value="Save changes"
class="widget-close-editbox" />
</div>
</form>
</div>
<div class="widget-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut accumsan fringilla turpis. Lorem ipsum dolor.
</div>
</div>
</div>
<!-- /column2 -->
<!-- End Easy Widgets plugin HTML markup -->
<!-- Bellow code not is part of the Easy Widgets plugin HTML markup -->
<div style="clear:both">
<strong>
<a href="../../" title="Back to the examples index">Back to the examples index</a>
</strong>
</div>
<hr />
<div>
Copyrights 2008 <a href="http://www.bitacora.davidesperalta.com/jquery-easywidgets" title="This plugin in my weblog">Easy Widgets jQuery plugin</a> by
<a href="http://www.bitacora.davidesperalta.com/"
title="David Esperalta blog">David Esperalta</a>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -