我试图让jQuery基于一个数字在我的网站主体上生成随机背景.所以我试图让它生成main1.jpg或main2.jpg并将其作为背景投入到身体中.
由于某种原因,它只生成main2.jpg.这是我的代码:
$(document).ready(function(){
$("body").css({'background' : 'url(images/main1.jpg)'}).hide();
$("body").css({'background' : 'url(images/main2.jpg)'}).hide();
var randomNum = Math.floor(Math.random()*2); /* Pick random number */
$("body").css({'background' : 'url(images/main:eq(' + randomNum + ').jpg)'}).show(); /* Select div with random number */
});
谢谢,韦德
我试图得到它,以便在我的WordPress模板中单击链接时,它将使用AJAX加载该页面内容而不更改页面.它需要动态加载到我的内容区域,具体取决于单击的链接.
我之前从未使用过AJAX所以如果有人可以帮助我或指出我正确的方向,我会很喜欢它.
谢谢,
涉
我有jQuery fade在这里:http://dougie.thewestharbour.com/
当你将鼠标悬停在.main-overlay div上时,我希望它淡出然后当你将鼠标从它上面移开时,我希望它能够淡入.
但是,你可以看到它现在只是闪烁.我猜这是因为div消失所以当它消失时它被视为鼠标输出但是我不确定如何去解决它.
这是我的javascript:
$(document).ready(function () {
$('.main-overlay').hover(
//Mouseover, fadeIn the hidden hover class
function() {
$(this).fadeOut('1000');
},
//Mouseout, fadeOut the hover class
function() {
$(this).fadeIn('1000');
}).click (function () {
//Add selected class if user clicked on it
$(this).addClass('selected');
});
});
这是叠加div附加到的项目之一:
<li><div class="main-overlay"></div><span class="caption">The store front</span><img src="http://dougie.thewestharbour.com/wp-content/uploads/store-front.jpg" alt="store front" title="store-front" width="730" height="360" class="alignnone size-full wp-image-98" /></li>
谢谢,
涉
我在这里的网站上工作:mfm.treethink.net 所有的jquery在Firefox,Chrome和Safari中运行良好但在IE8上它给我带来了错误,顶部的横幅不起作用(使用了crossSlide jQuery插件)以及图像翻转不适用于颜色变化.
IE8告诉我错误在源代码的第53,134和149行,所有这些行都是声明jquery函数的地方.
$(document).ready(function(){
我正在运行jquery 1.4.奇怪的是,我在该页面上的另一个jQuery工作,右边是艺术家浏览/选择菜单.但横幅和图像翻转没有.
以下是我正在运行的所有脚本:
<script type="text/javascript">
$(function() {
$('#banner').crossSlide({
sleep: 5,
fade: 1
}, [
<?php
$pages = get_posts('numberposts=2000&post_type=artist&post_status=publish');
$i = 1;
foreach( $pages as $page ) {
$content = $page->post_title;
if( empty($content) ) continue;
$content = apply_filters('the_content', $content);
?>
{ src: '/wp-content/uploads/<?php echo $page->post_name ?>.jpg' },
<?php $i++;
} ?>
]);
});
</script>
<script type="text/javascript">
$(function(){
$("ul#artists li").hover(function() { /* On hover */
var thumbOver = …jquery internet-explorer function jquery-plugins internet-explorer-8
我正在这个网站上工作:http://waterwing.waterwing.ca/
右上角的动画是完美的,除了它创建一个水平滚动条与它的位置.
它绝对定位于-120px的顶部和右侧.我只是想知道我是如何做到的,所以它不会扩展身体,一旦它碰到页面的边缘就会隐藏自己,这样就没有滚动条了.
滚动条似乎不在Windows Firefox上,但在Mac Firefox和Safari上有.
谢谢,韦德
每个循环我有两个,我试图为每个第二个结果输出不同的东西:
foreach ($wppost as $wp) {
$wp_title = $wp->post_title;
$wp_date = strtotime($wp->post_date);
$wp_slug = $wp->post_name;
$wp_id = $wp->ID;
// Start Permalink Template
$wp_showurl = $wp_url;
$wp_showurl = str_replace("%year%", date('Y', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%monthnum%", date('m', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%day%", date('d', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%hour%", date('H', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%minute%", date('i', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%second%", date('s', $wp_date), $wp_showurl);
$wp_showurl = str_replace("%postname%", $wp_slug, $wp_showurl);
$wp_showurl = str_replace("%post_id%", $wp_id, $wp_showurl);
// Stop Permalink Template
$wp_posturl = $blog_address . $wp_showurl; …我想知道是否有一个教程或开源代码,我可以在屏幕顶部做一个jQuery栏,只在第一次有人访问我的网站时加载.基本上就像www.hellobar.com
谢谢,韦德
我试图想象一下简单的jQuery代码是什么,在悬停时淡入rgba背景颜色,然后当你将鼠标移离div时淡出.
我说"rgba"的原因是因为它需要70%不透明黑色,但如果可以用jQuery自己的不透明度来完成,那就太酷了.
一个完美的例子是http://dalhov.se,除了他们使用更复杂的方法,我很难学习.
谢谢,韦德