<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…
查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素后,利用 jQuery 对象的 css() 方法设置其样式. 要求如下: 点击页面的"更改样式"按钮后,使用 jQuery 设置标题"Web 前端技术"的字体颜色为红色 第一层的无序列表 <ul> 即"使用 DIV+CSS 设计前端页面""使用 JavaScript+jQuery 制作页面特效",列表符号是正方形 第二层无序列表是说明具体章…
查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果. 具体要求如下: 在页面中显示电影排行榜 当单击"(收起)"链接时,排行榜中后三项的电影名称隐藏而且链接的文本更改为"(展开) " 当单击"(展开)"的链接时,后三项的电影名称重新显示且链接的文本更改为"(收起)" 实现思路: 新建 HTML 页…
查看本章节 查看作业目录 需求说明: 使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式 实现思路: 在 HTML 页面中导入 jQuery 框架 在页面加载完毕事件中,获取 <span> 标签对象,调用 css() 方法,设置字体颜色为红色 在页面加载完毕事件中,获取 <a> 标签对象,调用 css() 方法,去掉 <a> 标签的下划线 在页面加载完毕事件中…
继续我们技术专题课,我们今天给大家带来的是一个比较酷炫的"纯CSS代码实现内容过滤效果",没有加入任何JS的效果.全部都是应用CSS3的新增选择器来实现的.先看效果截图 实现思路 上面的四个按钮是利用 radio + label 组合方式实现 下面的图片全部都通过左浮动方式排列 外层有一个最大的div,它来包含按钮+图片 当点击按钮的时候,我们通过 CSS3 的属性选择器 + 兄弟选择器来实现过滤效果,且也具备点击事件效果(牛逼) 完整的代码如下 <!DOCTYPE html&g…
stickUp能让页面目标元素“固定”在浏览器窗口的顶部,即便页面在滚动,目标元素仍然能出现在设定的位置. http://www.bootcss.com/p/stickup/…
1. Selenium常见的定位页面元素 2.页面常见的元素 3. 用户常见的操作 1. Selenium常见的定位页面元素 driver.findElement(By.id());driver.findElement(By.name());driver.findElement(By.tagName());driver.findElement(By.className());driver.findElement(By.xpath());driver.findElement(By.linkText…
使用CSS3纯代码来实现模拟时钟,及指针动画功能. 在这里主要使用到css3一些基本元素: border-radius:圆角边框,画圆形:表盘 Transform:变换,旋转,扭曲:刻度盘,指针形状 Animation:时分秒指针转动. :before/:after :伪元素 基本思路: <div id="clock" class=""> <ul> <li class="kedu"></li> &l…
(注册博客好久了,一直没舍得添砖加瓦,主要是每次想写点东西的时候,随便搜一搜发现都比我总结的都要好,甚感尴尬,但是总是要开始的,所以这就是我的第一篇博客,也绝不会是最后一篇,废话不多说,直接入正题) iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易,模拟下F11的功能键什么的,于是网上一搜还真有一大堆关于全屏化的案例,遂借来用之. 然后高高兴兴的拿…
正如大家所知道的那样,div是一个块级元素,也是网页编写过程中使用频率最高的一个元素,通过不同的样式控制可以实现一些最常见的页面效果,当然也可以实现一些比较复杂的页面效果,这里就展示一个本人面试过程中遇到的一个问题,如何使用最简单css样式通过div实现“回”字型图样?父类div必须设置的属性是什么?当然实现方法很多很多,下面就和大家分享一下我自己的方法(兼容Trident,Gecko,Presto,WebKit等内核浏览器),先看效果: 再看详细的代码: <html><head>…