小编Ehs*_*san的帖子
如何在JavaScript中鼠标悬停时更改字母的颜色
这是我的代码:
$(document).ready(function(){
var letters = $('p').text();
for(var letter of letters) {
$(letter).wrap("<span class='x'></span>");
}
}).x:hover {
color: orange;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<p>Hello World!</p>例如,我想要悬停时r,颜色r是orange没有其他字母.
推荐指数
解决办法
查看次数
显示加载程序图像,直到完全加载背景图像
我正在尝试为背景图像实现一个加载器,直到整个图像使用jquery完全加载.我尝试了各种方法来做到这一点.由于图像是在CSS中指定的,因此我无法指定确切的图像ID或类.最后我最终这样做了,
$(window).load(function() {
$(".loader").fadeOut("slow");
})
但这样做是在窗口加载时发生的.我希望在图像完全加载之前发生它.背景图片来自以下部分
<div class="loader"></div>
<div class="test_banner services_banner">
</div>
如果有人帮助管理这个案子,那将会很棒.提前致谢.
推荐指数
解决办法
查看次数
如果空无效则隐藏引导警报
如果它是空的,我想隐藏我的引导警报.它在页面加载时正确隐藏,问题是当我执行推送时将数据插入div,它不会显示警报并且保持不变display = none
HTML
<div id="a1" class="alert alert-success">
<div id="discussion"></div>
</div>
JS:
<script type="text/javascript">
hideAlert("a1");
function hideAlert(id) {
var text = $('#' + id + '#discussion').text();
console.log(text.length);
if (text.length <= 0)
$('#' + id).hide();
}
</script>
编辑
我尝试使用它input event,它发生相同.它隐藏但是在获得价值时没有显示
JS:
<script type="text/javascript">
$('#discussion').keyup(function () {
// If value is not empty
if ($(this).val().length == 0) {
// Hide the element
$('#a1').hide();
} else {
// Otherwise show it
$('#a1').show();
}
}).keyup();
</script>
推荐指数
解决办法
查看次数
为什么我的代码不能在IE11中工作
在Internet Explorer 11中,当我单击按钮外部时,子菜单不会隐藏,但它在Google Chrome和Firefox中正常工作.
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick_dropdown
<!DOCTYPE html>
<html>
<head>
<style>
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #3e8e41;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1} …推荐指数
解决办法
查看次数
如何检测javascript中的CTRL + q
如何ctrl+q用javascript 检测,这是我的代码
<body>
<p id="x"></p>
<script>
window.onkeydown = function() {detect(event);}
window.onkeypress = function() {res(event);}
var act = false;
function detect(event) {
if(event.ctrlKey) {
act = true;
}
else
act = false;
}
function res(event) {
if(act) {
document.getElementById("x").innerHTML = "ctrl " + String.fromCharCode(event.which);
}
else
document.getElementById("x").innerHTML = String.fromCharCode(event.which);
}
</script>
</body>
我只想用javascript做.
推荐指数
解决办法
查看次数
为什么我的按钮样式在笔记本电脑和移动设备上会发生变化
我无法弄清楚为什么我的按钮样式在运行 safari 的笔记本电脑上与在这种情况下运行 safari 的 iPhone 手机相比会改变。
HTML代码：
<div id="img_container">
<img src="../assets/images/hotdrinks.png" style="hight:50%;">
<button class="button" onClick="parent.location='hotdrinks.html'"> Hot Drinks Menu </button>
</div>
<div id="img_container">
<img src="../assets/images/craftbeer.png" style="hight:50%;">
<button class="button" > Craft Club </button>
</div>
CSS 代码：
#img_container {
position:relative;
display:inline-block;
text-align:center;
}
.button {
position:absolute;
bottom:10px;
right:10px;
width:200px;
height:50px;
font-family: test;
color: #000000;
text-transform: uppercase;
font-size: 40px;
}
笔记本电脑：
电话：
推荐指数
解决办法
查看次数
(？=正则表达式)VS(？:正则表达式)
JavaScript (?=regex)和(?:regex)JavaScript有什么区别？
请举例说明一下.
推荐指数
解决办法
查看次数
用于计算的JavaScript函数不起作用？
这是我的html输入字段
<input type="number" id="t1">
<br />
<button type="button" onclick="getvalue()">calculate</button>
<br />
<div id="l1">change<div>
这是我的剧本
<script>
function getvalue() {
var l = document.getElementById('l1');
var c = document.getElementById('t1').value;
var lc = c + 200;
var tax = 2.1;
var tot = lc * tax;
l.innerHTML=tot;
}
</script>
并在文本框中输入10,因此结果为441,这是计算10 + 200 = 210然后210*2.1 = 441
但是在文本框中我输入10并单击按钮我得到了21420
问题是 var lc = c + 200;这里计算不正确10200
我也尝试这种方法 var x = 200; var lc = c + x;这也是我得到10200我该如何解决这个问题？
推荐指数
解决办法
查看次数
标签 统计
javascript ×7
css ×4
html ×3
jquery ×3
button ×1
calculation ×1
image ×1
ios ×1
regex ×1
styles ×1