que tal ronruby, este es el codigo del marquee.
Código PHP:
<html>
<head>
<!---// load jQuery from the GoogleAPIs CDN //--->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="./lib/jquery.marquee.js"></script>
<link type="text/css" href="./css/docs.css" rel="stylesheet" media="all" />
<link type="text/css" href="./css/jquery.marquee.css" rel="stylesheet" title="default" media="all" />
<style type="text/css">
.examples pre {
margin-top: 0;
}
.marquee .author {
display: none;
}
.marquee-author {
float: left;
width: 90px;
text-align: right;
padding: 4px 5px 1px 0;
}
</style>
<script type="text/javascript">
<!--//
var use_debug = false;
function debug(){
if( use_debug && window.console && window.console.log ) console.log(arguments);
}
// on DOM ready
$(document).ready(function (){
$(".marquee").marquee({
loop: -1
// this callback runs when the marquee is initialized
, init: function ($marquee, options){
debug("init", arguments);
// shows how we can change the options at runtime
if( $marquee.is("#marquee2") ) options.yScroll = "bottom";
}
// this callback runs before a marquee is shown
, beforeshow: function ($marquee, $li){
debug("beforeshow", arguments);
// check to see if we have an author in the message (used in #marquee6)
var $author = $li.find(".author");
// move author from the item marquee-author layer and then fade it in
if( $author.length ){
$("#marquee-author").html("<span style='display:none;'>" + $author.html() + "</span>").find("> span").fadeIn(850);
}
}
// this callback runs when a has fully scrolled into view (from either top or bottom)
, show: function (){
debug("show", arguments);
}
// this callback runs when a after message has being shown
, aftershow: function ($marquee, $li){
debug("aftershow", arguments);
// find the author
var $author = $li.find(".author");
// hide the author
if( $author.length ) $("#marquee-author").find("> span").fadeOut(250);
}
});
});
var iNewMessageCount = 0;
function addMessage(selector){
// increase counter
iNewMessageCount++;
// append a new message to the marquee scrolling list
var $ul = $(selector).append("<li>New message #" + iNewMessageCount + "</li>");
// update the marquee
$ul.marquee("update");
}
function pause(selector){
$(selector).marquee('pause');
}
function resume(selector){
$(selector).marquee('resume');
}
//-->
</script>
</head>
<body>
<div id="marquee-author" class="marquee-author"></div>
<ul id="marquee6" class="marquee">
<li><span class="author">Politica:</span>Texto1.</li>
<li><span class="author">Deportes:</span>Texto2.</li>
<li><span class="author">Jennifer says:</span>Mauris ullamcorper euismod leo. Nulla congue tellus vitae ante at pede eu ligula lacinia. Integer sed sapien, rutrum nec.</li>
<li><span class="author">Ron says:</span>Aliquam erat volutpat. Fusce dolor. Vestibulum ornare congue turpis sollicitudin nunc elit. Nullam erat neque, facilisis quis.</li>
<li><span class="author">Deron says:</span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam non eros sed facilisis, bibendum eu.</li>
</ul>
</body>
</html>
estoy usando wordpress y el marquee.php lo inclui tanto en el index.php como en el header.php y no funciona en ninguno de los dos.
11/01/2011, 20:38
