Noneyes
Noneyes

商品详情页中，当鼠标放到小图上时，改变大图的图片为当前小图的图片

在做商品详情页时，我们会遇到这样的问题，当鼠标移动到小图上的时候，所对应的大图也会随之改变，变成当前鼠标所在位置的小图图片，今天我给大家分享一下我的做法，希望对大家有所帮助，也希望得到大家的指点.

//首先引入jq文件，我用的是tp框架，jq文件是放在根目录Public文件夹下的




 
  
 
  
 
  
 
  
 
  
 
  

 
 
































你可能感兴趣的:(JS&Jquery)






    

  • 前端js&jQuery温故而知新
juconcurrent

    前言最近这三个月，楼主利用空闲时间，一直在帮朋友做一个健康信息监测和管理的系统。该系统主体呈现方式为B/S结构。同时，因为只有我一个开发，所以前端和服务端得一起搞。才毕业的那两年，前端还比较火，自己做的事情也比较杂，所以在那段时间里，楼主还接触过前端的技术，例如js、jQuery、css和html等等。后面就一直做服务端开发，前端的知识就基本上忘光光了。为了让自己对项目中的前端知识有一个比较系统的
    

    • 

  • 【Nuxt】四、vue-video-player使用
smartdream

    本文链接:【Nuxt】四、vue-video-player使用相关文档:【Vue】插件:八、结合vue-video-player、videojs-flash、videojs-contrib-hls使用videojs播放视频相关文档:【JS&JQuery】videojs插件使用video.js|--项目|--|--plugins|--|--|--video.jsimportVuefrom'vue';
    

    • 

  • 【JS&JQuery】videojs插件使用
smartdream

    本文链接:【JS&JQuery】videojs插件使用相关文档:【Vue】插件:八、结合vue-video-player、videojs-flash、videojs-contrib-hls使用videojs播放视频相关文档:【Nuxt】四、VueX使用教程1.下载github最新代码地址下载代码$npminstall--save-devvideo.js1.1.下载链接videojs-5.6.0~5
    

    • 

  • 【Vue】插件:八、结合 vue-video-player、videojs-flash、videojs-contrib-hls使用videojs播放视频
smartdream

    本文链接:【Vue】插件:八、结合vue-video-player、videojs-flash、videojs-contrib-hls使用videojs播放视频相关文档:【JS&JQuery】videojs插件使用相关文档:【Nuxt】四、VueX使用教程1.安装vue-video-player官方安装及使用文档：https://www.npmjs.com/package/vue-video-pl
    

    • 

  • 关于js&Jquery中单击事件的绑定时常见错误及解决方案
身披黑暗，脚踩光明

    **在写js代码时，常会出现绑定了单击事件，但会报出notdefined的错误，在此结合自己code过程中碰到的一些常见问题进行总结。(P.S:下述body中的代码只截取了一行，旨在表明是否能成功执行而已。)**1.将单击事件绑定在html标签体内部的情况单击事件运行成功。直接将函数放置在script标签中。functionselectAll(obj){//获取下边的复选框$(".itemSele
    

    • 

  • JS&jQuery高级02（获取数据：AJAX方法）
Lized
jQueryjqueryajax服务器数据

    今天的主题：实现数据的获取前情提要很多网站包含多个页面，页面中有大量的数据不是在html中写好的。因为这些数据可能要不断的更改，所以数据会放在服务器上，需要网页去获取。如何获取呢？这个神奇的技术就是AJAX，是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。在jQuery中就封装了AJAX方法。使用方法请看如下例子：$(document).ready(function
    

    • 

  • JS&jQuery高级05（用append在html中插入元素）
Lized
jsjQueryjavascripthtml

    目的在JS中为html增加内容。如何实现1、在JS中创建元素；2、把元素插入到html中。举例：斌叔的茶叶铺子所有茶叶$(document).ready(function(){//创建要插入的元素：varhtml='hi价格：20元'//用append插入到html里id为“all_teas”的元素中。$('#all_teas').append(html);实际效果相当于：hi价格：20元
    

    • 

  • js&jquery获取指定table指定行里面的内容
weixin_33809981

    js&jquery获取指定table指定行里面的内容CreateTime--2018年5月18日11:46:04Author:Marydon1.展示代码展示12test3456第一行第一列7第一行第二列8第一行第三列9第一行第四列101112第二行第一列131415161718第三行第一列1920212223ViewCode页面展示说明：test也是一个table2.实现举例：获取第二个table
    

    • 

  • java学习路线-Java技术人员之路从初级到高级
胡小海丶
java学习资料

    满满的全是干货java基础:尚学堂马士兵个人推荐历经5年锤练--史上最适合初学者入门的Java基础视频非常详细适合时间多的看传智播客java基础班马士兵线程马士兵反射毕向东java基础尚硅谷java基础文档java初级:甲骨论Oracle专业mysql视频传智播客javaweb据说是史上最全面的30天掌握javaweb视频个人推荐可惜后面十几天的没有尚硅谷javaWeb文档尚硅谷js&jquery
    

    • 

  • 【JS&JQuery】使用VLC在html中播放rtsp视频
smartdream

    本文系统:windows1064位本文浏览器:IE11本文VLC版本:使用vlc-2.2.8-win32.exe版本下载使用说明:使用vlc-2.2.8-win64.exe版本时会报错,无法使用vlc.playlist.add(mrl)使用VLC老版本2.X版本，新版本3.X不行谷歌浏览器不支持浏览器支持一、系统中安装vlc播放器VLC官方下载地址下载更早的版本选择更早的版本选择2.2.82.2.
    

    • 

  • 《JS&jQuery 交互式web前端开发》（一）编程基础知识
小白今天睡饱了吗
web前端

    文章目录1编程基础知识1.1脚本含义编写步骤1.2计算机建模方式使用数据创建模型web浏览器1.3编写web脚本关注点分离渐进式增强创建JavaScript脚本调用对象的方法`1编程基础知识1.1脚本含义一段脚本是一系列指令，计算机执行指令以达成目标脚本运行时可能只会执行全部指令中的一部分编写步骤定义目标设计脚本：使用流程图写代码：使用编程语言（JavaScript）1.2计算机建模方式使用数据创
    

    • 

  • JavaScript简介和基础语法
程序报错

        本学期又进入到了web前端开发的学习当中，这一次我们接触的是JavaScript，一种原则性不那么强的语言，虽然它不像java语言那么的规范严谨甚至连创造它的人都嫌弃这门语言但就是这样一门“毫无原则”可言的一门轻量级脚本语言在之后的web发展中起到了一个里程碑一样的作用(个人观点).先简单的回顾一下本学期“使用JS&jQuery改善用户体验”这本书前五章告诉我们的内容:第一章《JavaSc
    

    • 

  • JS&Jquery基础之窗口对象的关系总结
滑溜溜的小热浪

    1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如：A页面通过window.open()方法弹出了B页面，在B页面中就可以通过opener来引用A页面，这样就可以通过这个对象来对A页面进行操作。3.parentpare
    

    • 

  • JS&Jquery基础之对象和数组以及类型转换
滑溜溜的小热浪

    一、{}大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。如：varLangShen={"Name":"Langshen","AGE":"28"};上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数组的
    

    • 

  • 使用JS&jQuery改善用户体验
雨落秋垣

    第一章JavaScript基本语法一、运算符运算符就是完成操作的一系列符号，它有七类：赋值运算符（=,+=,-=,*=,/=,%=,>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,>,~,^)和字符串运算符(+)。可能很多人不知道"==="是什么。在这里，我为大家
    

    • 

  • js&JQuery
chcvn

    内容回顾JS开发步骤确定事件（onclick鼠标点击事件，onsubmit表单的提交事件，onload页面加载完成事件）定义函数实现功能获取标签的控制权,修改标签样式和属性BOM(BroswerObjectModel,浏览器对象模型)window:浏览器中的窗口特点：API调用不需要书写window三个框：警告框alert(),确认框confirm(),对话框prompt()五个函数：setInt
    

    • 

  • js&jquery对比
keguan_li
jqueryJavaScript

    阅读更多备用1、获取元素varinfo=document.getElementById("tex1");varinfo=$("#tex1");2、获取值varinfo=document.getElementById("tex1").value;varinfo=$("#tex1").val();//对于文本框等有value属性的(例如input、radio、checkbox等)可以使用上面的方法，没
    

    • 

  • node.js express jquery ajax post options 跨域问题 解决办法
王道中强流
跨域postajaxjqueryexpress

    就不啰嗦了，直接给正确答案。一服务器端也就是node.js&express：最简单的就是使用expressjs/cors安装npminstallcors--save引入varcors=require('cors');使用app.use(cors());这就搞定了服务器端。二客户端也就是js&jQuery：首先不能用快捷方法$.post()了，得用$.ajax()$.ajax({type:'POST
    

    • 

  • js&jquery添加元素
ywb201314

    一、JS    1. varel=document.createElement("a");//创建元素      document.body.appendChild(el); //在所有子元素末尾，添加子元素      document.body.removeChild(el); //移除子元素       charCodeAt()    varpreFlag=newString("fd_comp
    

    • 

  • Spring4.1新特性——综述
jinnianshilongnian
spring 4.1

    目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
    

    • 

  • Schema与数据类型优化
annan211
数据结构mysql

    
目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。
在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出
很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。
选择优化的数据类型
1 更小的通常更好
更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
    

    • 

  • 第一节 HTML概要学习
chenke
htmlWebcss

    第一节 HTML概要学习
1. 什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
打开记事本 输入一下内
    

    • 

  • MyEclipse里部分习惯的更改
Array_06
eclipse

    继续补充中----------------------
1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->
     Activation triggers for java的右侧“.”就可以改变常用的快捷键
选中 Text 
    

    • 

  • 近一个月的面试总结
cugfy
面试

    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275
前言
      打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
    

    • 

  • HTML5一个小迷宫游戏
357029540
html5

         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！
<html>
<head>
<title>创建运行迷宫</title>
<script type="text/javascript"
    

    • 

  • 10步教你上传githib数据
张亚雄
git

    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。
操作过程（查看本目录下有哪些文件NO.1）ls
（跳转到子目录NO.2）cd+空格+目录
（继续NO.3）ls
（匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”）
（查看文件
    

    • 

  • MongoDB常用操作命令大全
adminjun
mongodb操作命令

    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。
一
    

    • 

  • bat调用jar包并传入多个参数
aijuans

    下面的主程序是通过eclipse写的：
1.在Main函数接收bat文件传递的参数（String[] args）
 如：   String ip =args[0];          String user=args[1];       &nbs
    

    • 

  • Java中对类的主动引用和被动引用
ayaoxinchao
java主动引用对类的引用被动引用类初始化

     
在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
    

    • 

  • 导出数据库 提示 outfile disabled
BigBird2012
mysql

    在windows控制台下，登陆mysql，备份数据库：
 
mysql>mysqldump -u root -p test test > D:\test.sql
使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。
注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
    

    • 

  • Javascript 中的 && 和 ||
bijian1013
JavaScript&&||

            准备两个对象用于下面的讨论
var alice = {
name: "alice",
toString: function () {
return this.name;
}
}
var smith = {
name: "smith",

    

    • 

  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建
bit1129
zookeeper

    为了说明问题，先来看个简单的示例代码：
 
package com.tom.zookeeper.book;
import com.tom.Host;
import org.apache.zookeeper.WatchedEvent;
import org.apache.zookeeper.ZooKeeper;
import org.apache.zookeeper.Wat
    

    • 

  • 【Scala十一】Scala核心五：case模式匹配
bit1129
scala

    package spark.examples.scala.grammars.caseclasses
object CaseClass_Test00 {
def simpleMatch(arg: Any) = arg match {
case v: Int => "This is an Int"
case v: (Int, String)
    

    • 

  • 运维的一些面试题
yuxianhua
linux

    1、Linux挂载Winodws共享文件夹
 
mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass
或
mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win
 
 
    

    • 

  • Java lang包-Boolean
BrokenDreams
boolean

             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。
public final class Boolean implements java.io.Serializable,

    

    • 

  • 读《研磨设计模式》-代码笔记-命令模式-Command
bylijinnan
java设计模式

    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
/**
* GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
    

    • 

  • matlab下GPU编程笔记
cherishLC
matlab

    不多说，直接上代码
gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。
g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU
reset(g) %也可以清空GPU中数据。
a=1;
a=gpuArray(a); %将a从CPU移到GPU中
onGP
    

    • 

  • SVN安装过程
crabdave
SVN

    SVN安装过程
 
subversion-1.6.12
 
./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
    

    • 

  • sql　行列转换
daizj
sql行列转换行转列列转行

    行转列的思想是通过case when 来实现
列转行的思想是通过union all 来实现
下面具体例子：
假设有张学生成绩表(tb)如下:
Name Subject Result
张三 语文　　74
张三 数学　　83
张三 物理　　93
李四 语文　　74
李四 数学　　84
李四 物理　　94
*/
/*
想变成
姓名   &
    

    • 

  • MySQL--主从配置
dcj3sjt126com
mysql

     linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容）
mysql1  : 192.168.100.1    //master mysq
    

    • 

  • 关于yii 数据库添加新字段之后model类的修改
dcj3sjt126com
Model

    rules:
array('新字段','safe','on'=>'search')
1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下，
2、array('新字段', 'numerical'),//如果是数字的话
3、array('新字段', 'length', 'max'=>100),//如果是文本
1、2、3适当的最少要加一条，新字段才会被
    

    • 

  • sublime text3 中文乱码解决
dyy_gusi
Sublime Text

    sublime text3中文乱码解决
原因：缺少转换为UTF-8的插件
目的：安装ConvertToUTF8插件包
第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码：
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
    

    • 

  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM
geeksun
PHP

    CGI
CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。
CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI
FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
    

    • 

  • Git push 报错 "error: failed to push some refs to " 解决
hongtoushizi
git

    Git push 报错 "error: failed to push some refs to " .
此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。
由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。
解决方案：
1： git pull   
2：
    

    • 

  • 第四章 Lua模块开发
jinnianshilongnian
nginxlua

    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
    

    • 

  • java.lang.reflect.Proxy
liyonghui160com

     
1.简介
 
Proxy 提供用于创建动态代理类和实例的静态方法
（1）动态代理类的属性
代理类是公共的、最终的，而不是抽象的
未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留
代理类扩展 java.lang.reflect.Proxy
代理类会按同一顺序准确地实现其创建时指定的接口
    

    • 

  • Java中getResourceAsStream的用法
pda158
java

    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
    

    • 

  • spring 包官方下载地址（非maven）
sinnk
spring

    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:
 
http://repo.springsource.org/libs-release-local/org/springframework/spring/
 
s
    

    • 

  • Oracle学习笔记(7) 开发PLSQL子程序和包
vipbooks
oraclesql编程

        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！
     这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！
    编程时使用的工具是PLSQL
    

    • 














按字母分类：
ABCDEFGHIJKLMNOPQRSTUVWXYZ其他