我有大城市名字的按钮.
点击它们,我想获得当地时间.
$('#btnToronto').click(function () {
var hours = new Date().getHours();
var hours = hours-2; //this is the distance from my local time
alert ('Toronto time: ' + hours + ' h'); //this works correctly
});
但我怎样才能获得AM或PM？
写这个HTML:
lorem ipsum
lorem ipsum
lorem ipsum
浏览器显示:
lorem ipsumlorem ipsumlorem ipsum
有没有办法看到这个:
lorem ipsum
lorem ipsum
lorem ipsum
不使用<br>每行末尾的标记,也不使用textarea.
我需要这个,因为我的文本有100.000短行,写<br>标记100.000次是很费时间的.
我正在尝试用css更改img src(不是后台img src)
<img id="btnUp" src="img/btnUp.png" alt="btnUp"/>
#btnUp{
cursor:pointer;
}
#btnUp:hover{
src:img/btnUpHover; /* is this possible ? It would be so elegant way.*/
}
<img id='imgT' src="...">
<div id="divL"></div>
<div id="divR"></div>
CSS
body{
max-width:1024px;
}
#imgT{
width:100%;
border:thin solid blue;
display:block;
}
#divL{
width:20%;
height:100px; // I need 100%
background:#008080;
float:left;
}
#divR{
width:80%;
height:100px; // I need 100%
background:blue;
float:left;
}
小提琴就在这里
那么,我怎样才能使两个div高度达到100%,即从图像底部到页面底部.
HTML
<h1>abc abc<span><img class="goldT" src="btns/nav02.png"></span></h1>
CSS
h1{
margin:15px 0 15px 20px;
font-size:1.1rem;
font-weight:bold;
background:#e1e1e1;
padding-left:10px;
color: #444444;
}
h1 span{
float:right;
margin-right:14px;
}
h1 .goldT{
width:140px;
vertical-align:middle;
}
如何保持img goldT垂直居中于标题文本abc.
与html/head中的一些js代码相比,这是预先加载图像的可接受方式吗？
body:after{
display:none;
content:
url(img1.jpg)
url(img2.jpg)
...
}
js方式
$.preload = function() {
for (var i = 0; i < arguments.length; i++) {
$("<img />").attr("src", arguments[i]);
}
}
$.preload("img1.jpg","img2.jpg");
我想点击一下body,除了menutop里面的东西body.
<body>
<div id="menutop">lorem ipsum...</div>
...
</body>
JS
$("body").not($("#menutop")).click(function(){
console.log("323");
});
也试过了
var n = $("#menutop");
$("body:not(n)").click(function(){
console.log("323");
});
但menutop在两种情况下点击控制台显示323
嵌入一些 youtube 视频
<iframe src="https://www.youtube-nocookie.com/embed/ivsFE8gK1ZQ"></iframe>
一切正常，但 devtools - 问题面板中存在一些问题，如下所示：
Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute
和
Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute
有什么问题，我该怎么办？
谢谢
我想选择prev或next可见的元素，跳过隐藏的元素。
因此，请单击应c在控制台中编写的第一个标题，但这不起作用。
$('.atitle').on('click', function(){
console.log($(this).next(':visible').text());
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='atitle'>a</div>
<div class='atitle' hidden>b</div>
<div class='atitle'>c</div>
<div class='atitle'>d</div>尝试将剪贴板内容作为字符串变量获取（例如复制页面 url）；
下面的代码undefined在控制台中返回。
function get_clip(){
navigator.clipboard.readText().then(text => {return text;})
.catch(err => {console.error('Failed to read clipboard contents: ', err);});
}
var str = get_clip();
console.log(str);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>