⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 xajaxcontent.htm

📁 ajax拖动层
💻 HTM
字号:
<div id="col_1" class="col">
<div id="drag_5" class="drag_div">
	<div class="drag_header">
		<div id="drag_5_h">小提示</div>
	</div>
	<div class="drag_content" id="content_5"><p class="help"><a href="javascript:;">这是一个非常方便的个人门户,你可以在这里定制你的RRS,天气预报,收藏网站等,即时贴,音乐盒等功能即将上线!</a></p>
	</div>
</div>

<script>//var help_arr=new Array();help_arr[0]="点击“天气预报”模块的“设置”按钮可以定制您当前城市的天气预报哦.";help_arr[1]="点击“RSS订阅”模块的“设置”按钮可定义RSS地址.";help_arr[3]="点击“我收藏的网站”模块的“设置”按钮可自定义收藏网站,鼠标经过网站名称时,可对其修改,删除操作.";
</script>

<div id="drag_6" class="drag_div">
	<div class="drag_header"><div id="drag_6_h">每日新闻</div></div>
	<div class="drag_content" id="content_6">
		<div id="news_main"><p style="padding:10px;display:block;text-align:center">正在加载数据,请稍等...</p>
		<script>getAjaxPage('news.php?action=all&rss='+encodeURIComponent('http://news.google.cn/nwshp?oe=UTF-8&tab=wn&ned=ccn&output=rss'),'news_main')</script>
		</div>
	</div>
</div>

<div id="drag_10" class="drag_div">
	<div class="drag_header"><div id="drag_10_h">每日新闻111</div></div>
	<div class="drag_content" id="content_6">
		<div id="news_main"><p style="padding:10px;display:block;text-align:center">正在加载数据,请稍等...</p>
		<script>getAjaxPage('news.php?action=all&rss='+encodeURIComponent('http://news.google.cn/nwshp?oe=UTF-8&tab=wn&ned=ccn&output=rss'),'news_main')</script>
		</div>
	</div>
</div>

<div id="col_1_hidden_div" class="drag_div no_drag">
	<div id="col_1_hidden_div_h"></div>
</div>
</div>
<!-- End col_1 -->

<div id="col_2" class="colm">
	<div id="drag_2" class="drag_div">
	
	<div class="drag_header">
	<div id="drag_2_h">RSS订阅</div>
	<span class="tool" onclick="set_edit('rss_edit',true);$('rss_text').select()" title="设置"></span><!--<span class="close" title="关闭"></span>-->
	</div><!-- End Grag_header -->
	
	<div class="drag_content" id="content_2">
		<div id="rss_edit" class="edit_inner" style="display:none">
			<table class="table">
				<tr><td class="l">RRS地址</td><td><input name="rss_text" id="rss_text" type="text" class="text" value="http://news.google.com/nwshp?tab=wn&ned=cn&topic=po&output=rss" /></td></tr>
				<tr><td colspan="2" style="padding:5px 0 0;"><input type="button" value="提   交" class="button" onclick="getAjaxPage('rss.php?action=rss_up&rss='+encodeURIComponent($('rss_text').value),'rss_main')"/>&nbsp;&nbsp;<input type="button" value="关  闭" class="button" onclick="set_edit('rss_edit',false)"/></td></tr>
			</table>
		</div>
		<div id="rss_main">
			<p style="padding:10px;display:block;text-align:center">正在加载RSS数据,请稍等...</p>
			<script>getAjaxPage('rss.php?rss='+encodeURIComponent($('rss_text').value),'rss_main')</script>
		</div>
	</div>
	</div><!--End drag_2 -->

<div id="drag_1" class="drag_div">
	<div class="drag_header">
		<div id="drag_1_h">今日天气</div><span class="tool" onclick="set_edit('weather_edit',true)" title="设置"></span><!--<span class="close" title="关闭">--></span>
	</div>
	<div class="drag_content" id="content_1">
		<div id="weather_edit" class="edit_inner" style="display:none">
			<form id="selectCity" name="selectCity">
			<table class="table">
			<tr><td>选择省份
				<select name="province" id="province" onChange="getCity()">
				<option value="北京">北京</option>
				<option value="上海">上海</option>
				</select>
				</td>
				<td><select name="city" id="city"><option value="北京">北京</option></select>
				</td>
			</tr>
			<tr><td colspan="2" style="padding:5px 0 0; text-align:center"><input type="button" value="提   交" class="button" onclick="getAjaxPage('weather.php?city='+encodeURIComponent(city.value),'weather_main')"/>&nbsp;&nbsp;<input type="button" value="关  闭" class="button" onclick="set_edit('weather_edit',false)"/></td>
			</tr>
			</table>
			</form>
		</div><!-- End weather_edit -->

	<div id="weather_main">
		<div class="weather_t"><span>广州</span><em>2007年11月15日 星期四</em>
		</div>
		<div class="weather fix">
			<div class="weather_swf">
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="64" height="64">
				<param name="movie" value="themes/img/w/w1.swf">
				<param name="quality" value="high">
				<param name="menu" value="false">
				<param name="wmode" value="transparent">
				<param name="wmode" value="opaque">
				<embed src="./js/w1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="64" height="64"></embed>
				</object>
			</div>
			<ul class="weather_list">
				<li class="bold">晴</li>
				<li><span class="c1">28℃</span><em>~</em><span class="c2">17℃</span></li>
				<li>微风<!-- w02.biz.cnb.yahoo.com uncompressed Thu Nov 15 14:09:17 CST 2007 --></li>
			</ul>
		</div>
	</div>
</div>
</div>

<div id="drag_4" class="drag_div"><div class="drag_header"><div id="drag_4_h">我收藏的网站</div><span class="tool" onclick="set_edit('web_edit',true);set_edit('web_up',false)" title="设置"></span></div><div class="drag_content" id="content_4">
<div id="web_edit" class="edit_inner" style="display:none"><table class="table">
<tr><td class="l">网站名称</td><td><input name="web_name" id="web_name" type="text" class="text" /></td></tr>
<tr><td class="l">网站地址</td><td><input name="web_url" id="web_url" type="text" class="text" value="http://" /></td></tr>
<tr><td colspan="2" style="padding:5px 0 0;"><input type="button" value="提   交" class="button" onclick="getAjaxPage('myweb.php?action=insert_web&web_name='+encodeURIComponent($('web_name').value)+'&web_url='+encodeURIComponent($('web_url').value),'myweb_main')"/>&nbsp;&nbsp;<input type="button" value="关  闭" class="button" onclick="set_edit('web_edit',false)"/></td></tr>
</table></div>

<div id="web_up" class="edit_inner" style="display:none"><table class="table">
<tr><td class="l">网站名称</td><td><input name="web_name_up" id="web_name_up" type="text" class="text" /></td></tr>
<tr><td class="l">网站地址</td><td><input name="web_url_up" id="web_url_up" type="text" class="text" /></td></tr>
<tr><td colspan="2" style="padding:5px 0 0;"><input type="button" value="提   交" class="button" onclick="getAjaxPage('myweb.php?action=up_web&web_tag='+$('web_id').value+'&web_name_up='+encodeURIComponent($('web_name_up').value)+'&web_url_up='+encodeURIComponent($('web_url_up').value),'myweb_main');"/>&nbsp;&nbsp;<input type="button" value="关  闭" class="button" onclick="set_edit('web_up',false)"/></td></tr>
</table></div>

<div id="myweb_main">
	<ul class="web_list"><li onmouseover="this.className='on'" onmouseout="this.className=''"><a href="http://www.jiaowen.com" target="_blank">娇吻-专业韩国化妆品商城-爱丽,ETUDE,VOV</a><em class="time">2007-11-13 11:17</em><em class="edit" onclick="set_edit('web_up',true);set_edit('web_edit',false);$('web_name_up').value='娇吻-专业韩国化妆品商城-爱丽,ETUDE,VOV';$('web_url_up').value='http://www.jiaowen.com'">&nbsp;&nbsp;&nbsp;</em><em class="close" onclick="getAjaxPage('myweb.php?action=del_web&web_tag=740','myweb_main')">&nbsp;&nbsp;</em></li><input name="web_id" id="web_id" type="hidden" value='740'/><li onmouseover="this.className='on'" onmouseout="this.className=''"><a href="http://www.olympic.cn" target="_blank">中国奥委会官方网站</a><em class="time">2007-11-13 11:17</em><em class="edit" onclick="set_edit('web_up',true);set_edit('web_edit',false);$('web_name_up').value='中国奥委会官方网站';$('web_url_up').value='http://www.olympic.cn'">&nbsp;&nbsp;&nbsp;</em><em class="close" onclick="getAjaxPage('myweb.php?action=del_web&web_tag=741','myweb_main')">&nbsp;&nbsp;</em></li><input name="web_id" id="web_id" type="hidden" value='741'/><li onmouseover="this.className='on'" onmouseout="this.className=''"><a href="http://www.zcom.com" target="_blank">ZCOM_电子杂志_全球最大电子杂志平台</a><em class="time">2007-11-13 11:17</em><em class="edit" onclick="set_edit('web_up',true);set_edit('web_edit',false);$('web_name_up').value='ZCOM_电子杂志_全球最大电子杂志平台';$('web_url_up').value='http://www.zcom.com'">&nbsp;&nbsp;&nbsp;</em><em class="close" onclick="getAjaxPage('myweb.php?action=del_web&web_tag=742','myweb_main')">&nbsp;&nbsp;</em></li><input name="web_id" id="web_id" type="hidden" value='742'/><li onmouseover="this.className='on'" onmouseout="this.className=''"><a href="http://www.51job.com" target="_blank">人才招聘求职网-前程无忧 | 51job.com</a><em class="time">2007-11-13 11:17</em><em class="edit" onclick="set_edit('web_up',true);set_edit('web_edit',false);$('web_name_up').value='人才招聘求职网-前程无忧 | 51job.com';$('web_url_up').value='http://www.51job.com'">&nbsp;&nbsp;&nbsp;</em><em class="close" onclick="getAjaxPage('myweb.php?action=del_web&web_tag=743','myweb_main')">&nbsp;&nbsp;</em></li><input name="web_id" id="web_id" type="hidden" value='743'/><li onmouseover="this.className='on'" onmouseout="this.className=''"><a href="http://mil.news.sina.com.cn" target="_blank">新浪军事_新浪网</a><em class="time">2007-11-13 11:17</em><em class="edit" onclick="set_edit('web_up',true);set_edit('web_edit',false);$('web_name_up').value='新浪军事_新浪网';$('web_url_up').value='http://mil.news.sina.com.cn'">&nbsp;&nbsp;&nbsp;</em><em class="close" onclick="getAjaxPage('myweb.php?action=del_web&web_tag=744','myweb_main')">&nbsp;&nbsp;</em></li><input name="web_id" id="web_id" type="hidden" value='744'/></ul><ul class="web_page fix"><li class="page"><a href="javascript:;" onclick="getNowPage('myweb.php?page=1','myweb_main')" title="第一页">«</a><li class="page"><a href="javascript:;" onclick="getNowPage('myweb.php?page=1','myweb_main')">1</a><li class="page"><a href="javascript:;" onclick="getNowPage('myweb.php?page=2','myweb_main')">2</a><li><a href="javascript:;" onclick="getNowPage('myweb.php?page=2','myweb_main')" title="未页">»</a></li>
	</ul>
</div>
</div>
</div>

<div id="col_2_hidden_div" class="drag_div no_drag">
	<div id="col_2_hidden_div_h"></div>
</div></div><div id="col_3" class="col"><div id="drag_3" class="drag_div"><div class="drag_header"><div id="drag_3_h">搜索</div><!--<span class="close" title="关闭"></span>--></div><div class="drag_content" id="content_3"><form name="search" method="post" target="_blank" action="s.php"><div class="searchTitle"><div class="inner fix" id="type_s"><span onclick="setType_s(0)">新闻</span><span class="on" onclick="setType_s(1)">网页</span><span onclick="setType_s(2)">音乐</span><span onclick="setType_s(3)">图片</span><span onclick="setType_s(4)">视频</span></div></div><div class="searchDiv fix"><div class="searchInput"><input name="searchInputType" id="searchInputType" type="hidden" value="baidu" /><input name="searchType_s" id="searchType_s" type="hidden" value="s" /><input name="searchKey" id="searchKey" type="text" class="text" value="百度一下" onclick="this.value='';this.style.color='#000'" onblur='var searchKey=$("searchKey");var searchInputType=$("searchInputType");if(searchKey.value==""){searchKey.style.color="#808080";switch(searchInputType.value){case "baidu":searchKey.value="百度一下";break;case "google":searchKey.value="google";break;case "yahoo":searchKey.value="雅虎";break;}}else{this.onclick=null}'/></div><span id="searchType" class="searchType" onclick="selectMenuShow()"></span><input type="submit" value="搜   索" class="button"/></div></form></div></div><div id="col_3_hidden_div" class="drag_div no_drag"><div id="col_3_hidden_div_h"></div></div></div>

<script>initDrag();</script>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -