javascript中如何用JS代码修改
  • 里“背景图片”的宽度和高度？

    • xiaxia0077 2012-08-27 08:21:06
    javascript中如何用JS代码修改<li>里“背景图片”的宽度和高度？
    ...全文
    665 5 打赏 收藏 转发到动态 举报
    写回复
    用AI写文章
    5 条回复
    切换为时间正序
    请发表友善的回复…
    发表回复
    xiaxia0077 2012-09-01
    • 打赏
    • 举报
     回复
    谢谢了，虽然能修改背景图的大小，我已经知道该怎么弥补了~！就是在li内插入一个图片，和一个背景图，两张图大小不一，这样又可以用背景图，也可以用图片~！[Quote=引用 2 楼 的回复:]

    在CSS3中有一个新属性background-size可以做到，不过可能现在某些浏览器暂时不支持。对应的脚本特性为backgroundSize。
    [/Quote]
    格桑花 2012-08-28
    • 打赏
    • 举报
     回复
    这个好像只能是改变li的宽度和高度来实现
    泡泡鱼_ 2012-08-27
    • 打赏
    • 举报
     回复
    修改对应的li的高度
    如果图片高度本身不够，你应该适当考虑进行平铺
    圆㺭 2012-08-27
    • 打赏
    • 举报
     回复
    在CSS3中有一个新属性background-size可以做到，不过可能现在某些浏览器暂时不支持。对应的脚本特性为backgroundSize。
    去圣西罗-为尤文喝彩 2012-08-27
    • 打赏
    • 举报
     回复
    背景图片？好像不行。背景图片只能更改top,left的位置，不能进行缩放。
    自适应宽度的标签导航
    此代码内容为自适应宽度的标签导航，属于站长常用代码，更多TAB标签代码请访问懒人图库JS代码频道。
    第一个标签的内容
    第二个标签的内容
    第三个标签的内容

    【JavaScript源代码】Vue使用canvas实现图片压缩上传.docx
    vue使用better-scroll实现横向滚动的方法实例 　　better-scroll的滚动原理和浏览器原生滚动原理是一样的，当子盒子的高度大于父盒子的高度，就会出现纵向滚动；同理，如果子盒子的宽度大于父盒子的宽度，那么就会出现横向滚动。　　先来看一下 better-scroll 常见的 html 结构：　　
    　　  
      　　    <li>...li>　　    <li>...li>　　    ...　　  
    　　
    　　BetterScroll应用于外部wrapper容器，并且滚动部分是Vue使用canvas实现图片压缩上传 　　本文实例为大家分享了Vue使用canvas实现图片压缩上传的具体代码，供大家参考，具体内容如下　　场景：如用户头像等　　对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。　　两方面：　　1、由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。 2、很多网站的图片上传功能都会对图片的大小进行限制，尤其是头像上传，限制5M或者2M以内是非常常见的（但是我用单反拍了个头像，照片超过2M很正常，要对图片进行处理才能上传）。如果可以在前端进行压缩，则理论上对图片尺寸的限制是没有
    js鼠标跟随运动效果
    本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下 1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span 2、给span标签添加字段 3、设置基本的样式 cursorPlay的宽度 992px，高度600px cursorPlay li背景为白色，内边距为8px，外边距5px,显示浮动为左浮动 cursorPlay li a,cursorPlay li a img显示为块状并且为相对布局 cursorPlay li a添加overflow:hidden cursorPlay li a
    javascript实现多张图片左右无缝滚动效果
    结构：box包含ul，ul包含4个li；ul绝对定位。 复制li-1、li-2到第li-4后面，为了区分于li-1、li-2，内容改为li-5、li-6，颜色不变。此时ul包含6个li。 需要注意的是，移动的是ul这个大盒子而不是li。 原理：当ul 绝对定位的left 值等于（li-1+li-2+li-3+li-4）的宽度时，利用JavaScript快速复原left 值为0 。 此时请注意盒子里面数字和颜色的变化！ 效果图： 示例代码： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=
    HTML基础-01-头部（＜head＞＜title＞＜ base＞＜link＞＜style＞＜meta＞＜script＞），区块元素和内联元素
    1. 简单应用 1.1 第一个页面 1.2 注释 1.3 水平线 < hr > 2. 头部 < head > 2.1 < title >元素 2.2 < base > 元素 2.3 < link > 元素 2.4 < style > 元素 2.5 < meta > 元素 2.6 < script > 元素 3. 区块元素和内联元素（行内元素） 3.1 区块元素 3.2 内联元素 4. 几个简单示例 4.1 段落 < p > 4.2 分行 < br >...
    JavaScript

    87,902

    社区成员

    224,615

    社区内容

    发帖
    与我相关
    我的任务
    社区描述
    Web 开发 JavaScript
    社区管理员
    • JavaScript
    • 无·法
    加入社区
    • 近7日
    • 近30日
    • 至今

    加载中

    查看更多榜单
    社区公告
    暂无公告

    试试用AI创作助手写篇文章吧

    + 用AI写文章