CodeForge QQ客服 CodeForge 400电话 客服电话 4006316121
首页 » 源代码 » » index.html

index.html ( 文件浏览 )

文件源自:
源码简介:...
  • DevPython12 发布于2018-03-07
  • 浏览次数:0
  • 下载次数:0
  • 下载需 1 积分
  • 侵权举报
			<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Example Page</title>
	<link href="jquery-ui.css" rel="stylesheet">
	<style>
	body{

		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px;
	
}
	.demoHeaders {

		margin-top: 2em;
	
}
	#dialog-link {

		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	
}
	#dialog-link span.ui-icon {

		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	
}
	#icons {

		margin: 0;
		padding: 0;
	
}
	#icons li {

		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	
}
	#icons span.ui-icon {

		float: left;
		margin: 0 4px;
	
}
	.fakewindowcontain .ui-widget-overlay {

		position: absolute;
	
}
	select {

		width: 200px;
	
}
	</style>
</head>
<body>

<h1>Welcome to jQuery UI!</h1>

<div class="ui-widget">
	<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
</div>

<h1>YOUR COMPONENTS:</h1>


<!-- Accordion -->
<h2 class="demoHeaders">Accordion</h2>
<div id="accordion">
	<h3>First</h3>
	<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
	<h3>Second</h3>
	<div>Phasellus mattis tincidunt nibh.</div>
	<h3>Third</h3>
	<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>



<!-- Autocomplete -->
<h2 class="demoHeaders">Autocomplete</h2>
<div>
	<input id="autocomplete" title="type &quot;a&quot;">
</div>



<!-- Button -->
<h2 class="demoHeaders">Button</h2>
<button id="button">A button element</button>
<form style="margin-top: 1em;">
	<div id="radioset">
		<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
		<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
		<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
	</div>
</form>



<!-- Tabs -->
<h2 class="demoHeaders">Tabs</h2>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">First</a></li>
		<li><a href="#tabs-2">Second</a></li>
		<li><a href="#tabs-3">Third</a></li>
	</ul>
	<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
	<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
	<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>



<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
<h2 class="demoHeaders">Dialog</h2>
<p><a href="#" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>

<h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2>
<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
	<p>Lorem ipsum dolor sit amet,  Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>

	<!-- ui-dialog -->
	<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
	<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
		<div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		</div>
	</div>

</div>

<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>



<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
<ul id="icons" class="ui-widget ui-helper-clearfix">
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
	<li class="ui-state-d
...
...
(文件超长,未完全显示,请下载后阅读剩余部分)
			
...
展开> <收缩

下载源码到电脑,阅读使用更方便

1 积分

快速下载
还剩0行未阅读,继续阅读
Ʋ

源码文件列表

温馨提示: 点击源码文件名可预览文件内容哦 ^_^
...
名称 大小 修改日期
CraftVGames.iml281.00 B11-09-17 21:51
modules.xml274.00 B11-09-17 21:51
workspace.xml12.77 kB11-09-17 21:56
bootstrap-theme.css22.08 kB19-01-15 09:03
bootstrap-theme.css.map42.32 kB19-01-15 08:32
bootstrap-theme.min.css19.50 kB19-01-15 09:03
bootstrap.css138.10 kB19-01-15 09:03
bootstrap.css.map370.81 kB19-01-15 08:32
bootstrap.min.css114.40 kB19-01-15 09:03
sticky-footer-navbar.css693.00 B14-08-17 21:30
style.css63.00 B11-02-15 09:16
glyphicons-halflings-regular.eot19.66 kB18-01-15 13:38
glyphicons-halflings-regular.svg106.19 kB18-01-15 13:38
glyphicons-halflings-regular.ttf44.34 kB18-01-15 13:38
glyphicons-halflings-regular.woff22.88 kB18-01-15 13:38
glyphicons-halflings-regular.woff217.61 kB18-01-15 13:38
jquery-1.12.4.js297.30 kB26-07-17 23:28
jquery-3.2.1.min.js84.63 kB22-06-17 23:47
bootstrap.js65.17 kB19-01-15 09:03
bootstrap.min.js34.62 kB19-01-15 09:03
ini.js151.00 B11-02-15 08:46
Thumbs.db20.00 kB06-08-17 14:52
ui-bg_diagonals-thick_18_b81900_40x40.png418.00 B11-02-15 05:40
ui-bg_diagonals-thick_20_666666_40x40.png312.00 B11-02-15 05:40
ui-bg_flat_10_000000_40x100.png205.00 B11-02-15 05:40
ui-bg_glass_100_f6f6f6_1x400.png262.00 B11-02-15 05:40
ui-bg_glass_100_fdf5ce_1x400.png348.00 B11-02-15 05:40
ui-bg_glass_65_ffffff_1x400.png207.00 B11-02-15 05:40
ui-bg_gloss-wave_35_f6a828_500x100.png5.68 kB11-02-15 05:40
ui-bg_highlight-soft_100_eeeeee_1x100.png278.00 B11-02-15 05:40
ui-bg_highlight-soft_75_ffe45c_1x100.png328.00 B11-02-15 05:40
ui-icons_222222_256x240.png6.76 kB11-02-15 05:40
ui-icons_228ef1_256x240.png4.44 kB11-02-15 05:40
ui-icons_ef8c08_256x240.png4.44 kB11-02-15 05:40
ui-icons_ffd27a_256x240.png4.44 kB11-02-15 05:40
ui-icons_ffffff_256x240.png6.15 kB11-02-15 05:40
index.html30.97 kB11-02-15 05:40
jquery-ui.css34.52 kB11-02-15 05:40
jquery-ui.js458.36 kB11-02-15 05:40
jquery-ui.min.css29.46 kB11-02-15 05:40
jquery-ui.min.js233.95 kB11-02-15 05:40
jquery-ui.structure.css17.60 kB11-02-15 05:40
jquery-ui.structure.min.css14.42 kB11-02-15 05:40
jquery-ui.theme.css17.01 kB11-02-15 05:40
jquery-ui.theme.min.css13.54 kB11-02-15 05:40
jquery.anexsoft-validator.js11.27 kB11-02-15 09:00
npm.js484.00 B19-01-15 08:32
bd_clase.php233.00 B07-08-17 22:08
companias_controlador.php1.56 kB15-08-17 01:27
generos_controlador.php1.27 kB15-08-17 02:19
modos_juegos_controlador.php1.39 kB15-08-17 10:05
modos_perspectiva_controlador.php1.45 kB15-08-17 10:18
index.php352.00 B08-08-17 01:08
index_genero.php349.00 B15-08-17 01:56
index_modo_juego.php360.00 B15-08-17 02:26
companias_modelo.php1.76 kB14-08-17 23:54
generos_modelo.php1.44 kB15-08-17 01:28
modos_juegos_modelo.php1.59 kB15-08-17 02:47
modos_perspectiva_modelo.php1.82 kB15-08-17 11:00
companias.php1.47 kB14-08-17 23:18
companias_form.php2.61 kB15-08-17 00:13
footer.php213.00 B14-08-17 21:30
generos.php1.18 kB15-08-17 01:59
generos_form.php1.44 kB15-08-17 11:06
header.php5.75 kB15-08-17 02:32
modos_juego.php1.25 kB15-08-17 02:52
modos_juego_form.php1.48 kB15-08-17 02:34
<images>0.00 B28-02-18 20:27
<jquery-ui>0.00 B28-02-18 20:27
<css>0.00 B28-02-18 20:26
<fonts>0.00 B28-02-18 20:26
<jquery>0.00 B28-02-18 20:26
<js>0.00 B28-02-18 20:26
<companias>0.00 B28-02-18 20:27
<generos>0.00 B28-02-18 20:27
<modos_juego>0.00 B28-02-18 20:27
<.idea>0.00 B28-02-18 20:26
<assets>0.00 B28-02-18 20:26
<bd>0.00 B28-02-18 20:27
<controllers>0.00 B28-02-18 20:27
<libs>0.00 B06-08-17 15:44
<models>0.00 B28-02-18 20:27
<uploads>0.00 B06-08-17 15:44
<views>0.00 B28-02-18 20:27
<CraftVGames>0.00 B28-02-18 20:27
Ʋ

index.html (588.44 kB)

需要 1 积分
您持有 积分

CodeForge积分(原CF币)全新升级,功能更强大,使用更便捷,不仅可以用来下载海量源代码马上还可兑换精美小礼品了 了解更多

您的积分不足

支付宝优惠套餐快速获取 30 积分

订单支付完成后,积分将自动加入到您的账号。以下是优惠期的人民币价格,优惠期过后将恢复美元价格。

更多付款方式:网银PayPal

上传代码,免费获取

您本次下载所消耗的积分将转交上传作者。

同一源码,30天内重复下载,只扣除一次积分。

登录 CodeForge

还没有CodeForge账号? 立即注册
关注微博
联系客服

Switch to the English version?

Yes
CodeForge 英文版
No
CodeForge 中文版

完善个人资料,获价值¥30元积分奖励!

^_^"呃 ...

Sorry!这位大神很神秘,未开通博客呢,请浏览一下其他的吧
好的