首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【CSS】CSS 背景设置 ⑧ ( 背景设置案例 | 导航栏按钮 )

文章目录 一、背景附着 1、HTML 标签结构 2、设置 div 盒子内容水平居中显示 3、设置链接标签默认显示样式 4、设置鼠标经过样式 二、完整代码示例 1、代码示例 2、效果展示 一、背景附着...center; 即可 ; 文字垂直居中 , 需要将行高与文本高度设置成一致即可 , 之前设置的 标签 的高度为 50 像素 , 这里将行高设置成 50 像素即可 ; line-height: 50px; 图片背景设置...- 简写 */ background: url(images/bg_bt_orange.png) no-repeat; } 4、设置鼠标经过样式 鼠标经过时 , 文本颜色变为白色 , 背景图片变为其它背景...鼠标经过 样式 */ a:hover { background-color: red; color: white; /* 背景图片设置 - 简写 */ background...edu.csdn.net/">学习 社区 2、效果展示 默认状态效果 : 鼠标移动到按钮上之后的效果

4.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

跟我学Rx编程——调皮的背景音乐按钮

有些H5的页面会有一个按钮控制背景音乐播放,如果只是单一页面的话,没有什么逻辑可言。但如果涉及到转场,那么逻辑就复杂起来。...涉及操作符 partition switchMapTo takeUntil 业务逻辑 点击背景音乐按钮,则播放音乐,再次点击暂停播放音乐 当切换场景的时候,如果音乐正在播放,则切换新的场景的背景音乐 当切换场景的时候...,如果音乐已经暂停,则等待点击后再播放新的音乐 当有音乐的时候,按钮播放旋转动画,暂停播放时按钮静止不动 对于使用者来说再正常不过的逻辑,开发起来却不是那么容易,因为涉及到声音的加载,切换,暂停和响应点击等...//此处省略创建过程 接下来我们需要通过partition操作符分离出两个事件流 let [playingStageOb, muteStageOb] = changeStageOb.pipe(partition...+ ".mp3") 暂停播放 channel.pause() stopAni()//停止按钮旋转动画 恢复播放 channel.resume() playAni()//按钮旋转动画 这个三块功能何时执行

48510
领券