我尝试更改div onclick的背景并使用cookie保存它。 这是我的代码。 首先,我无法意识到我的cookie是否已经设置,其次我是否可以使用cookie的值更改背景。 任何人都可以帮助一个想法吗? Fisrt Link Second Link var cookieName = ‘cookie1’; function addcookie(){ var date = new Date(); var minutes = 5; date.setTime(date.getTime() + (minutes * 60 * 1000)); var idi = getDocumentById(this.id); var cookieValue = “http://path to image/image”+idi+”.png”; $.cookie(cookieName, cookieValue, { expires: date }); $(‘.one’).css(‘background’, $.cookie(‘cookieName’)); }
我需要一个jQuery插件的帮助,它可以将图像缩放到全屏,并且仍然允许用户将内容放在其下。 例如: www.burton.com 上面的网站有一个全屏图像,下面还有内容。 有人能告诉我怎么做吗? 我尝试了不同的jQuery Image幻灯片插件,但仍然无法完成它。 我将把它用于我的学校项目。
几天前我创建了一个关于动画背景图像的线程。 我被建议使用一个工作正常的插件。 我使用的是jQuery 1.4.2 – 但是,我在网站上遇到了coda滑块的实际问题。 然后我决定更改为最新的jQuery(1.6.1),问题得到了解决。 另一方面,我的背景动画在某些浏览器中破裂了。 奇怪的是它适用于Mac上的safari,以及带有透明png修复的ie9,8,7甚至6。 它对我来说不适用于mac或pc上的firefox和mac上的opera。 还有其他人有这样的问题吗? 我花了一些时间制作这些图像,并希望将它排序! 必须有一些方法围绕这一点,或者我写的代码可能只是错误!? 我用实际的图像和脚本做了一个小提琴。 这是我做的第一个,所以我不是100%确定我做得对,随便说它是否需要调整…… 你可以在这里找到jsfiddle 非常感谢 : )
我有一个JQuery事件日历,其中显示事件我想要一个更改事件背景颜色的单击函数,并插入一个永久颜色变化值。 我还想要一个运行更改颜色事件日历的代码。 这是我的活动日历代码…… $(document).ready(function () { $(‘#Uploaded’).hide(); $(‘#chang’).click(function () { $(‘#Uploaded’).show(‘slow’); }); $(‘#chang2’).click(function () { $(‘#Uploaded’).show(‘slow’); }); $(‘.fc-event-skin’).live(“click”, function () { $(this).css(‘background-color’, ‘#090’); $(this).css(‘border-color’, ‘#090’); }); $(‘#calendar’).fullCalendar({ editable: true, eventColor: ‘#cd3427’, events: “json-events.php”, buttonText: { today: ‘idag’ }, monthNames: [‘Januari’, ‘Februari’, ‘Mars’, ‘April’, ‘Maj’, ‘Juni’, ‘Juli’, ‘Augusti’, ‘September’, ‘Oktober’, ‘November’, ‘December’], dayNames: [‘Sunday’, ‘Monday’, ‘Tuesday’, […]
我有一个关于用jQuery改变背景位置的问题。 我正在处理的网站( http://www.jeroenrood.nl/GortzFruit )有一个滚动动画(滚轮或锚点击),背景中img-tag的顶部位置变化比滚动更慢速度。 这在Chrome和Firefox中创建了流畅的视差滚动效果,但在Internet Explorer中却没有。 在IE中(无论哪个版本),这种效果很多(如前面提到的链接所示)。 这是我使用的代码,涉及视差滚动效果(HTML): 这是javascript / jQuery代码: var page1 = $(‘#page1’).offset().top; var windowHeight = $(window).height(); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); //if the first page is in the viewport if((page1 = scrollTop)){ newOffset = -60 + ((scrollTop – page1)*0.8); $(‘#page1 .background’).css(‘top’,newOffset); } }); 不知何故,IE似乎在处理图像的这个位置并应用它时滞后。 有没有人知道如何使IE具有与Chrome或Firefox类似的平滑滚动效果? 提前致谢, 吉荣 编辑: 好的,我正在寻找解决方案! 我尝试了背景附件:修复,这不会导致IE中的口吃。 然后我想,嗯,这个css可以与视差效果相结合。 在IE的过渡中存在导致口吃的空白,所以也许我可以用背景附件桥接它们:固定。 […]
尝试使用jquery bgswitcher制作背景滑块。 我的代码 $(“.wrapper”).bgswitcher({ images: [“img/1.jpg”, “img/2.png”, “img/3.jpg”, “img/4.png”], effect: “fade”, interval: 5000, loop: false, shuffle: false, duration: 5000, easing: “swing” }); 我不知道这段代码有什么问题,但背景滑块不起作用! 任何的想法?
这是我需要的风格 body{ background: url(“img/Background_Home.jpg”) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:0; } 这是我的… function actualizar_fondo(imagen){ $(‘body’).css({“background”:”url(img/”+imagen+”.jpg)”}); $(‘body’).css({“background”:”no-repeat center center fixed”}); $(‘body’).css({“-webkit-background-size”:”cover”}); $(‘body’).css({“-moz-background-size”:”cover”}); $(‘body’).css({“-o-background-size”:”cover”}); $(‘body’).css({“background-size”:”cover”}); } 结果:甚至没有背景图像(但只有第一行,有效) 我想……问题在第二行?
我在下面有一个Jquery脚本,只是在hover时淡化背景颜色。 虽然背景正如所希望的那样褪色,但文字正逐渐消失,这是我不想要的。 理想情况下,我只希望背景颜色淡入,而不是文本。 非常感激任何的帮助。 谢谢 :) jQuery的 $(document).ready(function () { //Set the anchor link opacity to 0 and begin hover function $(“#menu-sample-menu li a”).hover(function () { //Fade to an opacity of 1 at a speed of 200ms $(this).fadeOut(0).addClass(‘hover’).fadeIn(300); //On mouse-off }, function () { //Fade to an opacity of 0 at a speed of 100ms […]
有人可以帮帮我吗? 我有一个网站,图像设置为“body”元素的背景。 我需要创造一个像“淡入淡出”的效果。 这是网站http://www.ladycup.eu/ 。 如果缩小,则可以看到主内容框侧面的树叶。 这就是图像,如果你知道我的意思,我需要它从内容框下“增长”。 我已经阅读了很多关于这个主题的建议 – 比如在后台创建一个带有这个图像的div等等,但在这种情况下我不能这样做。 我真的很感激任何帮助……
我正在为我的网站制作后台更改脚本。 除了应存储所需值的cookie之外,一切正常。 我正在使用jQuery 1.3。 IE 8说:’对象不支持47号线上的这个属性或方法char 118567432′!? 任何帮助将不胜感激。 没有cookie的工作示例: function images(which,image) { if (which == ‘t1’)image = images[0]; else if (which == ‘t2’)image = images[1];//and etc… } $(‘html’).css(“background-image”, image); cookie示例(不工作): function images(which,image) { if (which == ‘t1’)image = images[0]; {$.cookie(“html_img”, “” + image + “”, { expires: 7 }); imgCookie = $.cookie(“html_img”);} else if (which […]