<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>
<channel>
	<title>jrj的个人网盘。</title>
	<link>https://jrj.wodemo.com/</link>
        <item>
        <title><![CDATA[闪烁的屏幕]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/204634]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Wed, 21 Aug 2013 10:40:00 +0800]]></pubDate>
        <description><![CDATA[

跳动的背景色

BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "微软雅黑"
}
.STYLE1 {
	font-family: "幼圆";
	font-size: 40px;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "微软雅黑";
}





  跳动的背景色



  
  
    效果显示
  
  
    
      


  

]]></description>
    </item>
        <item>
        <title><![CDATA[js屏幕闪烁]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/204623]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Wed, 21 Aug 2013 10:31:38 +0800]]></pubDate>
        <description><![CDATA[

背景闪烁效果


 
 
 




]]></description>
    </item>
        <item>
        <title><![CDATA[js代码强度评估]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/204620]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Wed, 21 Aug 2013 10:29:00 +0800]]></pubDate>
        <description><![CDATA[Js评估用户输入的密码强度
 
//CharMode函数 
//测试某个字符是属于哪一类. 
function CharMode(iN){ 
if (iN>=48 && iN =65 && iN =97 && iN >=1; 
} 
return modes; 
} 
//checkStrong函数 
//返回密码的强度级别 
function checkStrong(sPW){ 
if (sPW.length源代码如下:



&lt;title&gt;Js评估用户输入的密码强度&lt;/title&gt;
&lt;script language=javascript&gt; 
//CharMode函数 
//测试某个字符是属于哪一类. 
function CharMode(iN){ 
if (iN&gt;=48 &amp;&amp; iN &lt;=57) //数字 
return 1; 
if (iN&gt;=65 &amp;&amp; iN &lt;=90) //大写字母 
return 2; 
if (iN&gt;=97 &amp;&amp; iN &lt;=122) //小写 
return 4; 
else 
return 8; //特殊字符 
}
//bitTotal函数 
//计算出当前密码当中一共有多少种模式 
function bitTotal(num){ 
modes=0; 
for (i=0;i&lt;4;i++){ 
if (num &amp; 1) modes++; 
num&gt;&gt;&gt;=1; 
} 
return modes; 
} 
//checkStrong函数 
//返回密码的强度级别 
function checkStrong(sPW){ 
if (sPW.length&lt;=4) 
return 0; //密码太短 
Modes=0; 
for (i=0;i&lt;sPW.length;i++){ 
//测试每一个字符的类别并统计一共有多少种模式. 
Modes|=CharMode(sPW.charCodeAt(i)); 
}
return bitTotal(Modes); 
}
//pwStrength函数 
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色 
function pwStrength(pwd){ 
O_color=&quot;#eeeeee&quot;; 
L_color=&quot;#FF0000&quot;; 
M_color=&quot;#FF9900&quot;; 
H_color=&quot;#33CC00&quot;; 
if (pwd==null||pwd==''){ 
Lcolor=Mcolor=Hcolor=O_color; 
} 
else{ 
S_level=checkStrong(pwd); 
switch(S_level) { 
case 0: 
Lcolor=Mcolor=Hcolor=O_color; 
case 1: 
Lcolor=L_color; 
Mcolor=Hcolor=O_color; 
break; 
case 2: 
Lcolor=Mcolor=M_color; 
Hcolor=O_color; 
break; 
default: 
Lcolor=Mcolor=Hcolor=H_color; 
} 
} 
document.getElementById(&quot;strength_L&quot;).style.background=Lcolor; 
document.getElementById(&quot;strength_M&quot;).style.background=Mcolor; 
document.getElementById(&quot;strength_H&quot;).style.background=Hcolor; 
return; 
} 
&lt;/script&gt; 
&lt;form name=form1 action=&quot;&quot; &gt; 
输入密码:&lt;input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)&gt; 
&lt;br&gt;密码强度: 
&lt;table width=&quot;217&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot; bordercolor=&quot;#cccccc&quot; height=&quot;23&quot; style='display:inline'&gt; 
&lt;tr align=&quot;center&quot; bgcolor=&quot;#eeeeee&quot;&gt; 
&lt;td width=&quot;33%&quot; id=&quot;strength_L&quot;&gt;弱&lt;/td&gt; 
&lt;td width=&quot;33%&quot; id=&quot;strength_M&quot;&gt;中&lt;/td&gt; 
&lt;td width=&quot;33%&quot; id=&quot;strength_H&quot;&gt;强&lt;/td&gt; 
&lt;/tr&gt; 
&lt;/table&gt; 
&lt;/form&gt;]]></description>
    </item>
        <item>
        <title><![CDATA[3D相册"/阿里西西]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/203295]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Mon, 19 Aug 2013 09:26:45 +0800]]></pubDate>
        <description><![CDATA[


 DHTML特效，非常酷的3D翻转相册展示特效


html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #fff;
width: 100%;
height: 100%;
}
#screen {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #fff;
}
#screen img {
position: absolute;
cursor: pointer;
width: 0px;
height: 0px;
-ms-interpolation-mode:nearest-neighbor;
}
#bankImages {
visibility: hidden;
}
#FPS {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
color: #666;
font-family: verdana;
}


/* ==== Easing function ==== */
var Library = {};
Library.ease = function () {
this.target = 0;
this.position = 0;
this.move = function (target, speed) {
this.position += (target - this.position) * speed;
}
}
var tv = {
/* ==== variables ==== */
O : [],
fps : 0,
screen : {},
angle : {
x : new Library.ease(),
y : new Library.ease()
},
camera : {
x : new Library.ease(),
y : new Library.ease()
},
create3DHTML : function (i, x, y, z, sw, sh) {
/* ==== create HTML image element ==== */
var o = document.createElement('img');
o.src = i.src;
tv.screen.obj.appendChild(o);
/* ==== 3D coordinates ==== */
o.point3D = {
x : x,
y : y,
z : new Library.ease(),
sw : sw,
sh : sh,
w : i.width,
h : i.height
};
o.point3D.z.target = z;
/* ==== push object ==== */
o.point2D = {};
tv.O.push(o);
/* ==== on mouse over event ==== */
o.onmouseover = function () {
if (this != tv.o) {
this.point3D.z.target = tv.mouseZ;
tv.camera.x.target = this.point3D.x;
tv.camera.y.target = this.point3D.y;
if (tv.o) tv.o.point3D.z.target = 0;
tv.o = this;
}
return false;
}
/* ==== on mousedown event ==== */
o.onmousedown = function () {
if (this == tv.o) {
if (this.point3D.z.target == tv.mouseZ) this.point3D.z.target = 0;
else {
tv.o = false;
this.onmouseover();
}
}
}
/* ==== main 3D function ==== */
o.animate = function () {
/* ==== 3D coordinates ==== */
var x = this.point3D.x - tv.camera.x.position;
var y = this.point3D.y - tv.camera.y.position;
this.point3D.z.move(this.point3D.z.target, this.point3D.z.target ? .15 : .08);
/* ==== rotations ==== */
var xy = tv.angle.cx * y - tv.angle.sx * this.point3D.z.position;
var xz = tv.angle.sx * y + tv.angle.cx * this.point3D.z.position;
var yz = tv.angle.cy * xz - tv.angle.sy * x;
var yx = tv.angle.sy * xz + tv.angle.cy * x;
/* ==== 2D transform ==== */
var scale = tv.camera.focalLength / (tv.camera.focalLength + yz);
x = yx * scale;
y = xy * scale;
var w = Math.round(Math.max(0, this.point3D.w * scale * this.point3D.sw));
var h = Math.round(Math.max(0, this.point3D.h * scale * this.point3D.sh));
/* ==== HTML rendering ==== */
var o = this.style;
o.left = Math.round(x + tv.screen.w - w * .5) + 'px';
o.top = Math.round(y + tv.screen.h - h * .5) + 'px';
o.width = w + 'px';
o.height = h + 'px';
o.zIndex = 10000 + Math.round(scale * 1000);
}
},
/* ==== init script ==== */
init : function (structure, FL, mouseZ, rx, ry) {
this.screen.obj = document.getElementById('screen');
this.screen.obj.onselectstart = function () { return false; }
this.screen.obj.ondrag = function () { return false; }
this.mouseZ = mouseZ;
this.camera.focalLength = FL;
this.angle.rx = rx;
this.angle.ry = ry;
/* ==== create objects ==== */
var i = 0, o;
while( o = structure[i++] )
this.create3DHTML(o.img, o.x, o.y, o.z, o.sw, o.sh);
/* ==== start script ==== */
this.resize();
mouse.y = this.screen.y + this.screen.h;
mouse.x = this.screen.x + this.screen.w;
/* ==== loop ==== */
setInterval(tv.run, 16);
setInterval(tv.dFPS, 1000);
},
/* ==== resize window ==== */
resize : function () {
var o = tv.screen.obj;
if (o) {
tv.screen.w = o.offsetWidth / 2;
tv.screen.h = o.offsetHeight / 2;
for (tv.screen.x = 0, tv.screen.y = 0; o != null; o = o.offsetParent) {
tv.screen.x += o.offsetLeft;
tv.screen.y += o.offsetTop;
}
}
},
/* ==== main loop ==== */
run : function () {
tv.fps++;
/* ==== motion ease ==== */
tv.angle.x.move(-(mouse.y - tv.screen.h - tv.screen.y) * tv.angle.rx, .1);
tv.angle.y.move( (mouse.x - tv.screen.w - tv.screen.x) * tv.angle.ry, .1);
tv.camera.x.move(tv.camera.x.target, .025);
tv.camera.y.move(tv.camera.y.target, .025);
/* ==== angles sin and cos ==== */
tv.angle.cx = Math.cos(tv.angle.x.position);
tv.angle.sx = Math.sin(tv.angle.x.position);
tv.angle.cy = Math.cos(tv.angle.y.position);
tv.angle.sy = Math.sin(tv.angle.y.position);
/* ==== loop through images ==== */
var i = 0, o;
while( o = tv.O[i++] ) o.animate();
},
/* ==== trace frames per seconds ==== */
dFPS : function () {
document.getElementById('FPS').innerHTML = tv.fps + ' FPS';
tv.fps = 0;
}
}
/* ==== global mouse position ==== */
var mouse = {
x : 0,
y : 0
}
document.onmousemove = function(e) {
if (window.event) e = window.event;
mouse.x = e.clientX;
mouse.y = e.clientY;
return false;
}
/* ==== starting script ==== */
onload = function() {
onresize = tv.resize;
/* ==== build grid ==== */
var img = document.getElementById('bankImages').getElementsByTagName('img');
var structure = [];
for (var i = -300; i ]]></description>
    </item>
        <item>
        <title><![CDATA[css1]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202821]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:41:22 +0800]]></pubDate>
        <description><![CDATA[
.aa {margin:100px}
ul {width:80px; float:left; margin:0px}
.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:120px; height:30px; list-style:none; margin:0px;float: left; border-top-color:#FFFFFF; border-left-color:#FFFFFF}
.aa li a:hover{border:1px #717171 solid; background-color: #E5E5E5; border-top-color:#FFFFFF; border-left-color:#FFFFFF}



















]]></description>
    </item>
        <item>
        <title><![CDATA[css1]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202818]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:39:06 +0800]]></pubDate>
        <description><![CDATA[
.aa {margin:100px}
ul {width:80px; float:left; margin:0px}
.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:120px; height:30px; list-style:none; margin:0px;float: left; border-top-color:#FFFFFF; border-left-color:#FFFFFF}
.aa li a:hover{border:1px #717171 solid; background-color: #E5E5E5; border-top-color:#FFFFFF; border-left-color:#FFFFFF}



















]]></description>
    </item>
        <item>
        <title><![CDATA[js4]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202815]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:38:01 +0800]]></pubDate>
        <description><![CDATA[




几乎被设计师遗忘了的标签fieldset_同行网www.txw100.com

fieldset {
  width: 300px;
  border: 1px solid #006600;
}
legend {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
ul {
  margin: 10px;
  padding: 0px;
  background-color: #FFFFCC;
}
li {
  list-style: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 180%;
}





  Dascom News
  
  5555
  66666
  77777
  


]]></description>
    </item>
        <item>
        <title><![CDATA[js3]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202814]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:36:18 +0800]]></pubDate>
        <description><![CDATA[
div#nifty{ margin: 0 10%;background: #9BD1FA}
p {padding:10px}

div.rtop, div.rbottom{display:block;background:red}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}

	
		
			&nbsp;
		
			&nbsp;
		
			&nbsp;
		
			&nbsp;
	
	
		无图片的圆角表格
	
		
			&nbsp;
		
			&nbsp;
		
			&nbsp;
		
			&nbsp;
	


]]></description>
    </item>
        <item>
        <title><![CDATA[js2]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202810]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:32:41 +0800]]></pubDate>
        <description><![CDATA[
var cao_x,cao_y;

function cao888() 
{
this.display=display; 
}
function display() 
{
  document.write("点击弹出");
  document.write("");
  document.write("");
  document.write("");
  document.write("");
  document.write("主题");
  document.write("");
  document.write("");
  document.write("内容关闭");
  document.write("  ");
  document.write("");
}
function caoMove(obj)  //实现层的拖移
{
  if(event.button==1)
  {
    var caoX=obj.clientLeft;
    var caoY=obj.clientTop;
    obj.style.pixelLeft=caoX+(event.x-cao_x);
    obj.style.pixelTop=caoY+(event.y-cao_y);
  }
}


var mycao=new cao888();
mycao.display();

]]></description>
    </item>
        <item>
        <title><![CDATA[js]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202803]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 17:26:50 +0800]]></pubDate>
        <description><![CDATA[]]></description>
    </item>
        <item>
        <title><![CDATA[css3数字时钟]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202291]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 Aug 2013 07:17:20 +0800]]></pubDate>
        <description><![CDATA[





body{
	 background:#202020;
	 font:bold 12px Arial, Helvetica, sans-serif;
	 margin:0;
	 padding:0;
	 min-width:960px;
	 color:#bbbbbb; 
}
a { 
	text-decoration:none; 
	color:#00c6ff;
}
h1 {
	font: 4em normal Arial, Helvetica, sans-serif;
	padding: 20px;	margin: 0;
	text-align:center;
}
h1 small{
	font: 0.2em normal  Arial, Helvetica, sans-serif;
	text-transform:uppercase; letter-spacing: 0.2em; line-height: 5em;
	display: block;
}
h2 {
    font-weight:700;
    color:#bbb;
    font-size:20px;
}
h2, p {
	margin-bottom:10px;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.container {width: 960px; margin: 0 auto; overflow: hidden;}
.clock {width:800px; margin:0 auto; padding:30px; border:1px solid #333; color:#fff; }
#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:36px; text-align:center; text-shadow:0 0 5px #00c6ff; }
ul { width:800px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
ul li { display:inline; font-size:10em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}
@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}



$(document).ready(function() {
// Create two variable with the names of the months and days in an array
var monthNames = [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12" ]; 
var dayNames= ["星期日","星期一","星期二","星期三","星期四","星期五","星期六­"]
// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year    
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
	// Create a newDate() object and extract the seconds of the current time on the visitor's
	var seconds = new Date().getSeconds();
	// Add a leading zero to seconds value
	$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
	},1000);
	
setInterval( function() {
	// Create a newDate() object and extract the minutes of the current time on the visitor's
	var minutes = new Date().getMinutes();
	// Add a leading zero to the minutes value
	$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
    },1000);
	
setInterval( function() {
	// Create a newDate() object and extract the hours of the current time on the visitor's
	var hours = new Date().getHours();
	// Add a leading zero to the hours value
	$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
    }, 1000);
	
}); 






	 
    :
     
    :
     




]]></description>
    </item>
        <item>
        <title><![CDATA[洁小筱]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/202003]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sat, 17 Aug 2013 21:05:47 +0800]]></pubDate>
        <description><![CDATA[
共享







设置 上传 撰文  分类 最新意见 申链 友链 留言  ]]></description>
    </item>
        <item>
        <title><![CDATA[有趣的js代码]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/201858]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sat, 17 Aug 2013 19:11:49 +0800]]></pubDate>
        <description><![CDATA[







body,p,form,input,select,img,td,ul,li{
margin:0;
padding:0;
-webkit-text-size-adjust:none;
word-wrap: break-word;
}

body,input{
font-size: small;
font-size: 14px;
font-family: Arial,Helvetica,sans-serif;
line-height: 160%;
color: #333;
}

ul,li{
list-style: none;
}

td{
vertical-align: bottom;
padding-right: 5px;
}

a{
color: #3fa7cb;
text-decoration: none;
}

a:hover {
color: #3cbce7;
}

img{
border: 0;
vertical-align: middle;
}
.clearfix:after {
content:'\20';
display:block;
height:0;
clear:both;
}
.clearfix {
zoom:1;
}
.fz12 {
font-size: 12px;
}

.txt1,.nav {
color: #656565;
}

.txt2 {
color: #808080;
}

.txt3 {
color: #cacaca;
}

.txt4 {
color: #b8ebfc;
font-weight: normal;
}

.tul {
text-decoration: underline;
}

.wis{
width: 98%;
}

.btn,.btn-gray,.lnk,.lnk-gray{
margin: 5px 0;
padding: 0 15px;
height: 28px;
line-height: 28px;
-webkit-border-radius: 3px;
font-weight:normal;
}

.lnk,.btn{
border: 1px solid #1ca6d5;
color: #fff;
background-color: #1dabdb;
}
.btn-gray{
padding: 0 5px;
}
.btn-gray,.lnk-gray{
border: 1px solid #ddd;
color: #333;
background: #f4f4f4;
}

.lnk,.lnk-gray{
padding: 5px 15px;
}

.wbtn {
padding: 3px 10px;
background-color: #fff;
color: #333;
border: 1px solid #3ea9cd;
}

.head{
padding: 2px 5px 8px 5px;
font-weight:bold;
line-height:100%;
}

.head img{
vertical-align:baseline;
}
.head a,.head b{
margin-right: 5px;
}
.bar{
padding-left: 5px;
line-height: 28px;
border-top: 1px solid #2096be;
border-bottom: 1px solid #1e92b9;
background-color: #3fa7cc;
background-image: url("http://hi.bdimg.com/static/wise/img/bar_bg.jpg?v=ec2b77e8.jpg");
background-repeat: repeat-x;
color: #fff;
font-weight: bold;
}

.cite{
margin: 5px 0;
padding: 5px;
background-color: #f7f7f7;
}

.titl{
padding: 0 5px;
font-weight: bold;
color: #3fa7cb;
}

.wrap{
padding: 5px;
}

.item{
padding: 5px 5px 0;
border-bottom: 1px solid #e3e3e3;
}

.img{
padding-right: 1px;
padding-bottom: 1px;
}

.tags{
line-height: 200%;
margin:6px 0;
}

.tag {
background-color: #f4f4f4;
padding: 5px;
margin-right:10px;
color: #999;
font-size: 12px;
-webkit-border-radius: 3px;
}
.tag a {
padding:4px;
}

.pics img{
padding-right: 1px;
padding-bottom: 1px;
}

.foot{
padding: 6px 5px;
border-top: 1px solid #ccc;
}

.foot a{
text-decoration: underline;
}

.foot .tuiguang-img {
}

.foot .tuiguang-a {
font-size: 16px;
}

.none{
color: #808080;
padding: 15px 5px;
text-align: center;
}

.msg {
color: green;
}

.err, .red {
color: red;
}

.quot {
margin: 3px 0;
border-left: 2px solid #ccc;
padding-left: 8px;
font-size: 12px;
}
.notice {
color:#E77302;
background-color:#FFFDF1;
margin:3px 0;
padding:0 5px;
border-top:1px solid #F0D8AA;
border-bottom:1px solid #F0D8AA;
line-height: 28px;
}
.cnt img{
vertical-align:baseline;
}
.inline{
display: inline;
}
.head {
background-color:#F4F4F4;
border-bottom:1px solid #CECECE;
height:40px;
padding:0 0 6px 0;
}
.head a{
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 6px;
vertical-align: bottom;
margin: 10px 0 -10px 1px;
color:#46446C;
}
.head a.nav {
background-color: #BCD8FF;
color: #0258D3;
border: 1px solid #98B7E5;
-webkit-border-radius: 2px;
font-weight: bold;
cursor:default;
}
.btn {
height: 30px;
line-height: 30px;
font-weight: bold;
padding: 0 12px;
color: #fff;
-webkit-border-radius: 3px;
border: 1px solid #1CA6D5;
background: -webkit-gradient(linear,0% 0,0% 100%,from(#1DAFE0),color-stop(0.5,#1DAFE0),to(#1DAFE0));
}
textarea, input{
-webkit-border-radius: 3px;
}

.active {
background: #F4F4F4;
padding:5px 0;
}
.active a{
padding:5px 15px;
}
.active a:nth-of-type(1){
padding-left:2px;
}
.active span {
color:#3FA7CB;
}
.mod-tags{
line-height: 200%;
margin-top:6px;
}
.mod-tags .i-tag {
background-color: #f4f4f4; 
float:left;
margin:0 10px 10px 0;
color: #999;
font-size: 12px;
-webkit-border-radius: 3px;
}
.mod-tags .i-tag a {
padding:5px;

}
.tags .tag-detail a{
color:#666;
margin-right:10px;
}
.detail-op {
padding:5px 0;
}
.detail-op a {
padding:5px 6px;
}
.detail-op a:nth-of-type(1){
padding-left:2px;
}

.mopai-ad {
position: relative;
}
.mopai-ad span {
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 10px;
right: 15px;
}
.mopai-ad img {
width: 100%;
height: auto;
display: block;
}




document.addEventListener('DOMContentLoaded', function(e) {
window.scrollTo(0,1);
}, false);






本文来自jrj的磨:http://jrj.wodemo.com。



有趣的地址栏js代码

任意复制网页上的东西 ，超炫图片旋转



只要你在浏览器任意打开一个网站，然后在浏览器上输入如下有趣的代码---就会出现神奇有趣的现象代码1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);把上面的代码复制、粘贴到任何页面的网址栏里面运行，你就发现页面上的图片会飞起来了！真的好神奇哟！对了，想停下来的话，就重新刷新一下页面&nbsp;代码2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; javascript:document.body.contentEditable='true'; document.designMode='on'; void 0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在地址栏输入上面这一行代码，然后回车，就发现整个页面都可以随意编辑了。仅仅是一行很短的代码页面上的所有内容都可以修改了，就像在word中编辑一样。那些不让拷贝的网站可以被这招通杀了。回复的话，就重新刷新一下页面我看了以上代码，知道他是执行javascript,以 javascript: 字符开头 void(0) 字符结尾!知道原理，你也可以编写自己的代码！更多收藏javascript的好玩妙用1.显示网页中的所有图片&nbsp;&nbsp; javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz&lt;document.images.length;i7M1bQz++){Ai7Mg6P+='&lt;img%20src='+document.images[i7M1bQz].src+'&gt;&lt;br&gt;'};if(Ai7Mg6P!=''){document.write('&lt;center&gt;'+Ai7Mg6P+'&lt;/center&gt;');void(document.close())}else{alert('No%20images!')} 2.显示网页中除图片的其他&nbsp;&nbsp; javascript:for(jK6bvW=0;jK6bvW&lt;document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')} 4.显示网页源代码(对于加密过的可以直接显示其加密前的源代码)&nbsp;&nbsp; javascript:s=document.documentElement.outerHTML;document.write('&lt;body&gt;&lt;/body&gt;');document.body.innerText=s 5.用浏览器做简单计算 在地址栏中输入javascript:alert(1.2*50+50*3/10) 然后按下回车键，出现的是“1.2*50+50*3/10”的计算结果“75”符号列表+加-减*乘/除 6,解除禁止右键，禁止复制之类的功能!javascript:document.oncontextmenu = '';document.onmousedown = '';document.ondragstart = ''; document.onselectstart = '';document.onselect = ''; document.oncopy = '';document.onbeforecopy = ''; document.onmousemove = ''; void 0玩法：打开个有图片的网站，然后随便选一个上面的代码，复制到IE的地址栏替换成你选择的代码，然后按回车看看，是不是很好玩
 







↑回顶部 
]]></description>
    </item>
        <item>
        <title><![CDATA[js远程获取网页源码]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/201799]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sat, 17 Aug 2013 18:12:31 +0800]]></pubDate>
        <description><![CDATA[




/* 页面字体样式 */
body, td, input, textarea {
    font-family:Arial;
    font-size:12px;
}



//用于创建XMLHttpRequest对象
function createXmlHttp() {
    //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
    if (window.XMLHttpRequest) {
       xmlHttp = new XMLHttpRequest();                  //FireFox、Opera等浏览器支持的创建方式
    } else {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
    }
}

//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
    var url = document.getElementById("url").value;             //获取目标地址信息

    //地址为空时提示用户输入
    if (url == "") {
        alert("请输入网页地址。");
        return;
    }

    document.getElementById("source").value = "jrj正在努力加载……";   //提示正在加载
    createXmlHttp();                                            //创建XMLHttpRequest对象
    xmlHttp.onreadystatechange = writeSource;                   //设置回调函数
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

//将远程网页源代码写入页面文字区域
function writeSource() {
    if (xmlHttp.readyState == 4) {
        document.getElementById("source").value = xmlHttp.responseText;
    }
}




远程网页源代码读取
如果无法获取内容则表示该页面加密或语言不受支持。
转载请注明出处:http://jrj.wodemo.com



    地址：
    

该网页源码:



]]></description>
    </item>
        <item>
        <title><![CDATA[两段好玩的js代码]]></title>
		<link><![CDATA[https://jrj.wodemo.com/entry/201312]]></link>
		<dc:creator><![CDATA[jrj (@jrj)]]></dc:creator>
		<pubDate><![CDATA[Sat, 17 Aug 2013 07:31:35 +0800]]></pubDate>
        <description><![CDATA[两个好玩的代码:

进入一个网页/然后复制代码/覆盖网址并进入/
想恢复/请刷新/

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(&quot;img&quot;); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+&quot;px&quot;; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+&quot;px&quot;}R++}setInterval('A()',5); void(0);

页面上所有图片会不停地转圈。
---很好玩的代码


javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

网页上所有元素都能变成可编辑状态，你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下，可以试试。]]></description>
    </item>
    </channel>
</rss>
