我很难让点击事件在页面上工作。我有一个ID为“图标”的Div,以及“lock”类,我希望能够单击这个Div的背景图像,将类从“锁”更改为“锁定”。
在出现任何混淆之前,我的外部CSS文件中有两个类,它们向Div添加了一个背景图像。另外,我不想使用JQuery,而是使用带有函数的addEventListener。到目前为止,我的JS看起来就是这样的:
var elLock = document.getElementById('icon');
function changeLock(){
var imgSwitch = elLock.getAttribute('cl
我有一个带有全屏背景图像的部分,它是通过JavaScript数据属性加载的。由于这是一个响应站点,同一背景图像(1920 X 1080 As )根据屏幕大小向上和向下缩放,这对性能不太友好,例如在屏幕尺寸较小的移动电话上。
HTML:
<!-- BEGIN PAGE TITLE -->
<section id="page-title" class="page-title-lg" data-bg-img="nature/full-20.jpg">
<div class="container">
我试着做一个断电按钮(实际上它是一个div),当我点击它时,它会改变它的外观。它看起来像一个中断器,所以我想改变页面的background-color,图标‘关闭’的颜色和按钮的border-style。
我从另一个站点获得了这个函数,它在添加一次CSS属性方面做得很好,但我希望它能够一直保持下去。
document.getElementById('io').addEventListener('click', function () {
if (this.classList.contains('poweroff')) {
// this
使用JQuery ScrollTo插件,我创建了以下垂直站点。基本页面架构如下:
<div id="fixed-menu">
<!-- MAIN MENU FIXED TO TOP OF WINDOW -->
</div>
<div id="wrapper">
<div id="mask">
<div id="page1">
<!-- PAGE 1 CONTENT -->
我的应用程序有一个图像作为背景,如果我旋转设备,所有的小部件和旋转,但不是背景图像。
我的shouldAutorotateToInterfaceOrientation实现很简单:
// Override to allow orientations other than the default portrait orientation.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
// Return YES for supported orien
我试图使用.js在颜色之间切换。当我关闭面板时,我希望颜色是红色的,然后在打开面板时更改为黑色。
HTML
<div class="flip">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
CSS
.flip{ color: back; }
.panel,.flip {
padding:5px;
text-align:center;
background-color:#e5eecc;
border:so
我正在尝试使用css使html元素具有背景图像,但是如果没有文本,背景就没有背景图像。
CSSS -
#box {
background url(.....)
}
HTML -
<div id="box">something</div> // this works bu it shows the text
<div id="box"></div> // this is what i want not text just the background url from #box
谢谢