查看效果：http://www.gbin1.com/technology/html/20120328crazyhtml5js/index.html
// html
<div id="msgwrap">
<span id="title">今日推荐</span><a id="msgclose" href="#"> </a>
<div id="latest"></div>
</div>
// script
// Today's recommendation
var msgclose =
$('#msgclose');
$('#msgclose');
var msg =
$('#msgwrap');
$('#msgwrap');
var latest =
$('#latest');
$('#latest');
latest.load('/portfolio/lastest.html .includetitle',
function() {
function() {
latest.find('.includetitle').hide();
var
aobjs = latest.find('a');
aobjs = latest.find('a');
aobjs.each(function(){
var
srcval = $(this).attr('href').replace('..','');
srcval = $(this).attr('href').replace('..','');
$(this).attr('href',srcval);
});
});
setTimeout(function(){msgclose.fadeIn();msgclose.click();},
10*1000);
10*1000);
msgclose.toggle(function() {
msg.stop().animate({width:'+=250',bottom:'+=20px'},500,function()
{
{
latest.find('.includetitle').eq(getRan(4)).fadeIn();
});
$('#msgclose').css({'background-image':'url("/gbin1/themes/gbin1_3column/images/x_icon.png")'});
},
function() {
$('#latest').find('.includetitle').hide();
msg.stop().animate({width:'-=250',bottom:'-=20px'},500);
$('#msgclose').css({'background-image':'url("/gbin1/themes/gbin1_3column/images/icon_plus.png")'});
});
function
getRan(n){
getRan(n){
return
Math.floor(Math.random()*n+1);
Math.floor(Math.random()*n+1);
}