想问一下,这样的搜索框,如何让它上边的文字单击变蓝,输入关键字,单击搜索,跳转,点的那个就跳到那个页面

html-css015

想问一下,这样的搜索框,如何让它上边的文字单击变蓝,输入关键字,单击搜索,跳转,点的那个就跳到那个页面,第1张

首先引入一下jquery。

然后通过jquery选择器绑定单击事件

给文献检索这一项加一个ID 比如 <li id="book">文献检索</li>

$('#book').click(function(){

$this.css('color','blue') //点击变蓝

window.location = 'www.baidu.com'//跳转到百度界面

})

1、建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。

2、设置一个简易的导航栏。

3、加css 控制菜单的样式，并加入背景图片。

4、为li添加id，创建函数fun ，并传递传递参数。

5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images/bg2.png)"

6、加入改变文字大小的代码

element.style.color="black"

//修改文字大小

  element.style.fontSize="18px"

7、然后就完成了。

a:link{text-decoration:none  /* 指正常的未被访问过的链接*/}

a:visited{text-decoration:none/*指已经访问过的链接*/}

a:hover{text-decoration:none/*指鼠标在链接*/}

a:active{text-decoration:none/* 指正在点的链接*/ }

把这些的颜色都设置一下便可以解决。

一个网页对应多个 HTML文件， 超文本标记语言文件以.htm（磁盘操作系统 DOS限制的外语缩写）为 扩展名或.html（外语缩写）为 扩展名。可以使用任何能够生成 TXT类型 源文件的文本编辑器来产生超文本标记语言文件，只用修改文件 后缀即可。

超文本标记语言， 标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。