我已经考虑了一段时间了,所以现在我想知道你的意见,可能的解决方案等等.
我正在寻找一种插件或技术来改变文本的颜色或在预定义的图像/图标之间切换,具体取决于它的父母的背景图像或颜色的覆盖像素的平均亮度.
如果其背景的覆盖区域相当暗,请将文本设为白色或切换图标.
另外,如果父脚本没有定义背景颜色或-image,然后继续搜索最接近的(从父元素到它的父元素......)脚本会发现它会很棒.
您怎么看,知道这个想法？那里有类似的东西吗？脚本的例子吗？
干杯,J.
如何在纪元中转换以下日期:
1293683278
以下可读日期:
2010-06-23 09:57:58
用Javascript？
谢谢!
我刚刚实现了jQuery插件jvectormap,以便使用世界地图.一切都很完美,除了这可能..我添加了一些标记,并一直在尝试将HTML实现到标记标签/工具提示.因此,当悬停标记时,我想要显示图像/ html,而不仅仅是"blabla".
我怎样才能达到这个效果？
这是初始化JS:
$('#map').vectorMap({
markerStyle: {
initial: {
fill: '#F8E23B',
stroke: '#383f47'
}
},
backgroundColor: '#383f47',
markers: [
{latLng: [46.90, 8.45], name: "<img src=\"img/logo.png\">"}
],
...(other code isn't important)...
重要的是 name: "<img src=\"img/logo.png\">"
谢谢您的帮助!!
我正在尝试为"flexslider"插件实现手动控件.
这是我的代码:
<body>
<div class="container">
<div class="columns row">
<div class="flexslider"><ul class="slides">
<li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="1.jpg"></li>
<li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="2.jpg"></li>
<li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="3.jpg"></li>
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img src="4.jpg"></li>
</ul><ol class="flex-control-nav"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="active">4</a></li></ol><ul class="flex-direction-nav"><li><a href="#" class="prev">Previous</a></li><li><a href="#" class="next">Next</a></li></ul></div>
</div>
<div class="columns row"><h2><strong>Bla bla bla</strong> Lorum lorum</h2></div>
<div class="columns row">
<div id="thumbnail">
<img width="100" border="0" style="margin: 0 …我目前已将CSS3过渡添加到我的网站.如果可能的话,我并不害羞,它减慢了我的网站速度,但一切似乎都在闪烁,并且在转换和Flash视频上存在这种"不稳定的行为".
我正在使用Mozilla Firefox 10.0.02.
我在CSS样式表中添加了以下内容:
*:link, *:visited, *:hover, *:active, *:focus {
-webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
-o-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
-moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}
你能否告诉我,我的浏览器是否很慢或是否是我添加的CSS,如果,那么证据是什么？
谢谢!
在使用AJAX和某些其他jQuery函数(如"绑定"和"克隆")编写"添加到收藏夹"功能时,出现了一个问题.我将首先解释一下这个功能:
我有两个内容领域:
将产品添加到收藏夹时,我会以编程方式将"添加到收藏夹"按钮更改为"从收藏夹中删除"按钮.另外,我将整个产品(包括"从收藏夹中移除"按钮)克隆到"收藏夹"区域.
现在,如果我切换到"收藏夹"-area并尝试删除喜欢的产品,它就不起作用.如果我然后刷新页面,删除工作完美..
我认为,这与刷新DOM结构或重新绑定函数或类似的东西有关.我很高兴对此问题有任何帮助或解释.
这是我的代码(脚本放在页面的末尾):
// ACTION: Favorites
$JQuery('.katoverview_media').find('.prod_action_favorit').bind("click", function(){
//Split data and set variables
var type = $JQuery(this).attr("rel").split('%')['0'];
var objid = $JQuery(this).attr("rel").split('%')['1'];
var favs = parseInt($JQuery('#count_favoriten').html());
if($JQuery(this).hasClass("active")){
$JQuery(this).removeClass("active");
var action = 'delete';
var favs_new = favs-1;
$JQuery.each($JQuery('.katoverview_media_fav').find('.prod_action_favorit'), function() {
var checkObjid = $JQuery(this).attr("rel").split('%')['1'];
if(checkObjid == objid){
if($JQuery(this).hasClass("active")){
$JQuery(this).parent().parent().parent().remove();
}
}
});
} else {
$JQuery(this).addClass("active");
var action = 'add';
var favs_new = favs+1;
$JQuery(this).parent().parent().parent().clone().appendTo('.katoverview_media_fav');
}
var pars = …在链接中:https: //developers.facebook.com/docs/plugins/ 在评论中他给出了以下代码:
<script>
(function (d, s, id) {
var js = d.getElementsByTagName FJS (s) [0];
if (d.getElementById (id)) return;
js = d.createElement (s);
js.id = id;
js.src = "/ / connect.facebook.net / en_US / all.js XFBML # = 1";
fjs.parentNode.insertBefore (js, FJS);
}(document, 'script', 'facebook-jssdk'));
</script>
使用此代码是社会分类的评论.我想知道.如何设置模式:反向时间顺序.
我的意图并创建一个应用领域•聊天频道内的一个物种.
保持当前评论更多始终在顶部而不是在下面.
非常感谢你的帮助.
PortuguêsBrasil:
Sei quetalveznãosejaaáreadevocês,massevocêspodemme ajudar ouinformaralguémqueposs ajudar.
没有链接 https://developers.facebook.com/docs/plugins/ em评论gera o seguinte codigo:
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = …我试图选择所有.select在DOM树中嵌套的类的元素.
唯一的限制是,他们不允许有任何家长.forbidden.
所以它在后面的树部分找不到任何元素:
<div>
<div class="forbidden">
<div>
<div>
<div class="select">Some Content</div>
</div>
</div>
</div>
</div>
但是会在这里找到1个元素:
<div>
<div>
<div>
<div>
<div>
<div class="select">Some Content</div>
</div>
</div>
</div>
</div>
</div>
如何使用该.not()功能实现此选择？像这样的东西: $('.select').not($(this).parents().hasClass('.forbidden'));
我想验证我的表单.我在我的代码点火器视图中有一个表单验证javascript代码,但它无法正常工作,仍然在没有任何验证的情况下将值发送到下一页.你能告诉我我在哪里弄错了,为什么会这样？
码:
<form method="get" action="/calculator/stage_two" name="calculate" id="calculate" onsubmit="return validateForm();">
<div class="calc_instruction">
<input type="text" name="property_number" placeholder="No/Name" id = "property_number" class="stage_one_box" />
<input type="text" name="postcode" placeholder="Postcode" id = "postcode" class="stage_one_box" />
</div>
<input type = "image" name = "submit_calculator" id = "submit_calculator" value="Go" src = "/images/next_button.png" />
</form>
Javascript功能:
<script type="text/javascript">
function validateForm() {
var postcode=document.forms["calculate"]["postcode"].value;
if (postcode==null || postcode=="") {
alert("Please enter the postcode to give you more accurate results");
document.forms["calculate"]["postcode"].focus();
return false;
}
</script>
我需要知道如何使用jQuery的"加载"AJAX函数来获取变量中的所需数据？最后看起来应该是这样的:
var data =" - > load data < - ";
谢谢!
javascript ×7
jquery ×6
html ×3
dom ×2
php ×2
plugins ×2
background ×1
canvas ×1
codeigniter ×1
css ×1
css3 ×1
date ×1
epoch ×1
facebook ×1
flexslider ×1
html5 ×1
jvectormap ×1
performance ×1
reverse ×1
tooltip ×1
transition ×1