body.index a.box div.product {
background-color: #FFFFFF;
display: none;
height: 130px;
margin: -160px 0 0 -35px; #负的margin值可以让其往上走!!!
position: absolute;
width: 825px;
}
body.index a.box.hover div.product {
display: block;
}
<script>
$("a.box").hover(
function () {
/* $(this).append($("<span> ***</span>")); */
$(this).addClass('hover');
},
function () {
$(this).removeClass('hover');
}
);
以上代码可以让以下代码凭空出来,非常动态。
<div class="product bc">
<h1><span>高效</span>:销售开单、仓库配送</h1>
<p >流程化管理让交付轻松有序,还可以用手机开单、管理业务! </p>
<img src="/images/arrow-left.png" width="69" height="69" class="arrow">
</div>
分享到:
相关推荐
css高级应用与技巧css高级应用与技巧css高级应用与技巧
CSS的高级使用技巧和和应用;还有一些CSS和XHTML的代码规范与注意事项。
CSS样式的高级应用.ppt CSS样式的高级应用.ppt
css资料 # 课程目标: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择器 > 4. 熟练掌握CSS各种选择器 > 5. 熟练掌握CSS三种显示模式 > 6....熟练掌握CSS高级技巧强化CSS
css第二天高级技巧.md
25个高级CSS技巧教程 有的可能就是你在找的
有关css高级技巧.txt
CSS3高级应用
扫描完整版带书签 CSS Web设计高级教程.第2版CSS Web设计高级教程.第2版
CSS Web设计高级教程 第2版. part1:http://download.csdn.net/source/3524003 part2: http://download.csdn.net/source/3524010 part3: http://download.csdn.net/source/3524027 part4: ...
CSS高级技巧之滑动门技术教程
css
CSS高级应用技巧.pdf
css高级技巧(9.23).md
精通CSS:高级Web标准解决方案.pdf
本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...
CSS核心基础 第0课《CSS设计彻底研究》简介 CSS与(X)HTML核心基础...CSS高级样式设计 表格也精彩 高级网页元素样式 圆角设计 CSS整体布局详解 固定宽度布局 不固定宽度布局(上) 不固定宽度布局(下) 综合布局实践
CSS设计技巧,包括取消下划线、设计响应式视频、背景图片的设置以及相对值等
CSS的十八般技巧CSS的十八般技巧CSS的十八般技巧CSS的十八般技巧
超实用的css代码段 赵荣娇,任建智 著 源码