FANDOM


第1行: 第1行:
 
<img src="http://vignette2.wikia.nocookie.net/tos/images/f/f6/%3Fi.png/revision/latest/scale-to-width-down/60?cb=20130204090140&path-prefix=zh" width="60" height="60" id="chooser" />
 
<img src="http://vignette2.wikia.nocookie.net/tos/images/f/f6/%3Fi.png/revision/latest/scale-to-width-down/60?cb=20130204090140&path-prefix=zh" width="60" height="60" id="chooser" />
<div id="monsters" style="display: none; position: absolute"></div>
+
<div id="monsters" style="display: none; overflow: visible; position: fixed; height: 500px; top: 100px"></div>
 
<script>
 
<script>
 
(function Test() {
 
(function Test() {

2015年10月2日 (五) 16:53的版本

<img src="%3Fi.png" width="60" height="60" id="chooser" />

<script> (function Test() { if(typeof jQuery === 'undefined') { setTimeout(Test, 100); return; }

var container = $('#monsters'); var chooser = $('#chooser').click(function() { container.show(); });

function onSelect() { chooser.attr('src', $(this).attr('src')); container.hide(); }

for(var i = 0; i < 10; i++) { var p = $('<p/>'); p.appendTo(container); for(var j = 0; j < 10; j++) { var id = i * 10 + j + 1; $('<img src="http://d1hay2czif3g5i.cloudfront.net/facebook/100/' + id + '.png" width="60" height="60" data-id="' + id + '"/>').click(onSelect).appendTo(p); } } })(); </script>

除了特别提示,社区内容遵循CC-BY-SA 授权许可。