eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o(e,f,g){2 h=\'1p. F H.\';2 i=\'P\';2 g=X g!==\'14\'?g:\'17\';2 j=$(\'#\'+f);2 k=\'v://\'+g+\'.t.r/w/Q.R?T=?&W=q&Z=\'+e+\'&11=u&15=s&1n=0\';$.B({C:"D",E:k,7:{},G:n,I:"J/s; K=L-8",1r:"N",O:3(a){2 b=m;2 c=0;S(b==m){b=n;2 d=$(a.q.u[\'*\']).U("p:V("+c+")").l();x(d.Y("<4")==0){2 c=c+1;2 b=m}}j.10().l(d);j.9("a:12(.13 a)").6("y",3(){16"v://"+g+".t.r"+$(5).6("y")});j.9("a").6("18","19");j.9(\'1a.1b\').1c()},1d:3(a,b,c){j.l(h)},1e:3(a){j.l(i)}})}$(1f).1g(3(){2 a=0;$(\'7\').1h(3(){x($(5).9(\'4\').1i){}1j{$(5).1k("<4 1l=\'1m\'><4></4><z 1o=\'A"+a+"\'></z></4>");o($(5).6(\'7-1q\'),\'A\'+a,$(5).6(\'7-M\'));a++}})});',62,90,'||var|function|span|this|attr|data||find||||||||||||html|false|true|wikiUp||parse|org|json|wikipedia|text|http||if|href|div|Wiki|ajax|type|GET|url|Try|async|again|contentType|application|charset|utf|lang|jsonp|success|Loading|api|php|while|callback|filter|eq|action|typeof|indexOf|page|empty|prop|not|references|undefined|format|return|en|target|_blank|sup|reference|remove|error|beforeSend|document|ready|mouseover|length|else|append|class|tooltip|section|id|Error|wiki|dataType'.split('|'),0,{}))
data > .tooltip, div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
opacity: 0;
margin-top: -10px;
visibility: hidden;
margin-left: -65px;
max-width:300px;
-webkit-transition-property:opacity, margin-top, visibility, margin-left;
-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-moz-transition-property:opacity, margin-top, visibility, margin-left;
-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-o-transition-property:opacity, margin-top, visibility, margin-left;
-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
transition-property:opacity, margin-top, visibility, margin-left;
transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}
data:hover > .tooltip, div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
opacity: 1;
visibility: visible;
overflow: visible;
margin-top: 30px;
display: inline;
margin-left: -40px;
-webkit-transition-property:opacity, margin-top, visibility, margin-left;
-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-moz-transition-property:opacity, margin-top, visibility, margin-left;
-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;
-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
-o-transition-property:opacity, margin-top, margin-left;
-o-transition-duration:0.5s, 0.3s, 0.3s;
-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
transition-property:opacity, margin-top, visibility, margin-left;
transition-duration:0.5s, 0.3s, 0.5s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}
.tooltip {
background: #FFFBCF;
background: -moz-linear-gradient(top, #FFFBCF 0%, #FFFCDF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFBCF), color-stop(100%,#FFFCDF));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFBCF', endColorstr='#FFFCDF',GradientType=0 );
border: 1px solid #EFE795;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 10px;
margin-left: -40px;
position: absolute;
font-family: Arial;
font-size: 12px;
text-decoration: none;
font-style: normal;
color: #777;
text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
z-index: 10;
}
.tooltip>span { /* Triangle */
background: #FFFBCF;
border: 0;
border-top: 1px solid #EFE795;
border-right: 1px solid #EFE795;
width: 10px;
height: 10px;
margin-left: 15px;
margin-top: -16px;
display: block;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: inset -1px 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
-o-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
display /*\**/: none\9;
*display: none !important;
*display: none;
}
data{
font-weight:bold;
}
data span{
font-weight:normal;
}
div{width:80%;margin:25px;}
h1{margin-bottom:15px;}
div p{margin-bottom:10px;}
<div>
<h1>津輕地方とチエホフ</h1>
<p><data data-wiki='太宰治' data-lang='ja'>太宰治</data></p>
<p>
こなひだ三幕の戲曲を書き上げて、それからもつと戲曲を書いてみたくなり、長兄の<data data-wiki='本棚' data-lang='ja'>本棚</data>からさまざまの戲曲集を持ち出して讀んでみたが、日本の<data data-wiki='大正' data-lang='ja'>大正</data>時代の戲曲のばからしさには呆れた。よくもまあ、こんなものを、書く人も退屈せずに書いたもの哉、讀む人も退屈せずに讀んだもの哉、さうしてこんなものでもたいてい大<data data-wiki='劇場' data-lang='ja'>劇場</data>に於て當時の名優に依つて演ぜられたものらしいが、よくもまあ、名優たちもこんなつまらない臺詞を大眞面目で暗誦したもの哉、よくもまあ、觀客も辛抱して見てゐたもの哉、つくづく呆れ、不愉快にさへなつた。
</p>
</div>